How do I control the FONT SIZE in my individual Advanced Text Widgets?

  • Hi,

    My CSS is controlling the font size (I think) to my advanced text widgets. I want to control various text sizes in different widgets. I can make bold, add images and change the font family but not the size.

    My site is https://andrewwadephotography.com/ and the widgets are at the bottom.

    There is a section on /typography/ in the CSS but I can only change the title sizes to the widgets through that section of code

    Any idea where the rule is to govern font size in the widgets and how to I change it?

    Many thanks
    Andy

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

  • You should create a Child theme to make your changes. If you do not, all of your changes will be lost if you update your theme.

    You can add rules to the end of your child theme’s style.css using the nth-child() selector. For example, to set the third widget’s title to red and its text to 22px, use these rules:

    .four:nth-child(3) h4 { color: red !important; }
.four:nth-child(3) p { font-size: 22px; }
    Thread Starter AndyWade

    (@andywade)

    Hi,

    Thanks for the advice.

    Child themes are a level above me but I’ll read through them and see what I can do.

    Andy

    Alternative to a child theme – so long as you are only changing CSS code — is to use a plugin for custom CSS — jetpack has that included so it’s a good option.

    Thread Starter AndyWade

    (@andywade)

    Hey,

    Thanks for this too, I’ll check it out!

    Andy

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How do I control the FONT SIZE in my individual Advanced Text Widgets?’ is closed to new replies.

Tags