Widget Title Formatting

try to style h3.widgettitle { ... }

if this is not working, please post a link to your site.

Hi Alchymyth,

Thanks. My knowledge is quite basic, so I’ll appreciate as much details as possible.

my site: https://www.stopthewarondrugs.org

in style.css, at the moment, the widget title is styled with:

.sidebar h3 {
  padding: 0;
  margin: 1em 0 0;
  border-bottom: 1px solid #ccc;
}

add font specific formatting to this;

https://www.w3schools.com/css/css_font.asp

or, to be even more specific, try and add a new style with font specific formats:

.sidebar h3.widgettitle {
  font-size: 13px;
  color: green;
}

Hi Alchymyth,

Thanks again, I’ve followed your advice and it works for all widgets (‘tags’, ‘links’, ‘posts’, etc.) except ‘text’. What can I do?

try:

h3.widgettitle, .sidebar h3.widgettitle {
font-size: 16px;
  color: green;
}

the ‘text’ widgets are for some reason not within the .sidebar div

Many thanks, spot on!

hi,

what is the code and where should it be placed in css.style for
text widget to italicize? i’ve tried dozens of different ways and
placements.

many, many thanks!

How do I change the title text size of just one text widget?

web page is https://www.mychoiceaz.com and the title in question is the home middle right text widget.

The three text widget titles on the bottom are all great (defult) but the Home Middle Right is tiny.

Help