Changing the heading font size

  • Unknown's avatar

    I would like to change the text size of one of the headings using CSS. I do not understand CSS so need to understand if I can specify which heading receives a new text size and (assuming it can be isolated) and how to specify different text sizes?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar

    Hi, we need to use specific CSS selectors in order to do this, so I would need to know which heading you wished to change so that I can identify the CSS selectors that would be needed.

  • Unknown's avatar

    Thank you… Ideally I would like to make heading one a bit smaller.

    Best wishes
    Ethan

  • Unknown's avatar

    one thing I find helpful is using google chrome browser, right click on the heading or area of the page, and select inspect from the menu. You will then see the related css info and other page attributes, and experiment with making changes. I apologize if you already knew this time. But someone else might find it helpful.

    I think you can do the same thing with other browsers, too.

  • Unknown's avatar

    Hi, Ethan, and thanks. I’ve assumed you are talking about on the main page in the slider. There are two font settings on that, one general base and then one that makes the font larger on screens/windows 1025px and wider. I’ve targeted the 1025px and wider, which originally was 76px. You can adjust the 50px number I have included. Go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

    @media screen and (min-width: 1025px) {
      #featured-content h1, #featured-content h1 a {
        font-size: 50px !important;
      }
    }
  • Unknown's avatar

    Thank you both… thats been great help and its worked

  • Unknown's avatar

    Hooray and you are welcome!

  • The topic ‘Changing the heading font size’ is closed to new replies.