Changing the heading font size
-
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)
-
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.
-
-
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.
-
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; } } -
-
- The topic ‘Changing the heading font size’ is closed to new replies.