CCS Help with Side Bar Widgets

  • I would like to change the font within the headings of my side bar. The problem is that they are within the widgets and I don’t know how to do that. I don’t want to change the font within the rest of my blog, just the headings on the side: “ABOUT”, “INSTAGRAM”, “CATEGORIES”, “RECENT POSTS”, etc. That part. Do I try and enter the CSS code within the widgets or is there a way to do it within the CSS Stylesheet Editor that will not change the font within the body of my blog?

    My blog is: thetinyprofessional.com

    I am trying to change the side bar heading font to calibri.

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

  • The font of your widget titles is still handled with CSS like all other text on your site. You’ll just need CSS that targets the widget titles specifically and not any other text.

    First, make sure you’re working in either a child theme or a plugin that gives you a CSS file to make edits to that is not your main theme CSS file. With that in place, use the following CSS to target your widget titles:

    #sidebar .widget .widget-title {
    font-family: arial;
}

    Of course, swap Arial out with your font of choice there. But that CSS selector is what you’ll use to target widget titles.

    Thread Starter thetinyprofessional

    (@thetinyprofessional)

    Perfect! That is exactly what I was looking for! Thank you so much!

    Anytime!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CCS Help with Side Bar Widgets’ is closed to new replies.

Tags