WordPress.org

Ready to get started?Download WordPress

Forums

How do I control the FONT SIZE in my individual Advanced Text Widgets? (5 posts)

  1. AndyWade
    Member
    Posted 1 year ago #

    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 http://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

  2. vtxyzzy
    Member
    Posted 1 year ago #

    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; }
  3. AndyWade
    Member
    Posted 1 year ago #

    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

  4. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  5. AndyWade
    Member
    Posted 1 year ago #

    Hey,

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

    Andy

Topic Closed

This topic has been closed to new replies.

About this Topic