How to change the font size & spacing of titles
-
I would like to add space below titles and change their font size. My theme is Radiant. I added this code, which is ignored. I have tried different numbers and measurements to see if there is a change.
h3.site-title {
margin-bottom: 12px;
}
h3.site-title {
font-size: 12px;
}
h4.site-title {
margin-bottom: 10px;
}
h4.site-title {
font-size: 0.9em;
}The blog I need help with is: (visible only to logged in users)
-
Hi there,
I’ve look on your theme and seesite-titleclass is used onptag, hot h3 or h4 tag.
So, i think you should try:p.site-title{ margin-bottom: 12px; font-size: 0.9 em; }cheer
-
Update,
Another html tag used this class is h1, so css should be:
h1. site-title, p.site-title{ margin-bottom: 12px; font-size: 0.9 em; } -
-
-
-
Interesting. The format pays no attention to either of those CSS changes, the H1 or the p.site-title{.
-
-
-
-
I’d removed space between 0.9 & em, sorry because it’s first time i post code here.
Hope this helph1.site-title, p.site-title{
margin-bottom: 12px;
font-size: 0.9em;
} -
Again,
h1.site-title, p.site-title{ margin-bottom: 12px; font-size: 0.9em !important; }We need !important to win this rule on your theme. I’ve check on your site.
-
-
Hi,
I check on your site and i think the latest code is not loaded.
The old css still load: http://prnt.sc/eobf09Try to remove from p site-title to the end of your custom css and paste latest code. (your current code is http://prnt.sc/eobgpm)
-
I don’t understand what you are saying.
“try to remove from p site-title to the end of your custom css “
Do you mean “move: or “remove”. What should be moved/removed?
Also, how do I load the latest code? It shows on the CSS page, and should be loaded after I click save. The old revisions show on the revisions history.
- The topic ‘How to change the font size & spacing of titles’ is closed to new replies.