Style change to sidebar text widget

  • Resolved catwingz

    (@catwingz)


    9 years, 1 month ago

    My client loves this theme. the url is here.

    One of the final tweaks is the styling of the text widget at the top of the right sidebar. I find that I am able to change the text in the whole sidebar, but not to target only that specific section of text.

    The current style is

    #right-sidebar .textwidget p #discovery {
 	color: #d28a5f !important;
	font-size: 4rem;
}

    I have left the font-size (way too large) in as an indicator of when I am having an effect. If I remove the paragraph tag it blows up.

    Do you have any suggestions for how to narrow it down?
    thank you

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    Each widget gets an ID added to it when published, so for your top text widget, it looks like this:

    <div id="text-2" class="widget widget_text">
<div class="textwidget">
----
</div>
</div>

    So the custom styling you want to apply only to that widget has this ID #text-2 so then your custom css will be:

    #text-2 {
   color: #d28a5f;
   font-size: 4rem;
}
    Thread Starter catwingz

    (@catwingz)

    Wow. Control! I knew about the id but it never occurred to me that such a beautifully simple solution would do the trick.

    thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Style change to sidebar text widget’ is closed to new replies.