How to change the font size & spacing of titles

fabiusmaximus2000 · Member · Mar 23, 2017 at 10:32 pm
Copy link

Add topic to favorites
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)
phongtt6 · Member · Mar 24, 2017 at 3:06 am
Copy link
Hi there,
I’ve look on your theme and see site-title class is used on p tag, hot h3 or h4 tag.
So, i think you should try:
```
p.site-title{
 margin-bottom: 12px;
 font-size: 0.9 em;
}
```
cheer
phongtt6 · Member · Mar 24, 2017 at 3:08 am
Copy link
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;
}
```
fabiusmaximus2000 · Member · Mar 24, 2017 at 6:03 am
Copy link
Phongtt6,

I put in the code. It didn’t have any visible effect.
phongtt6 · Member · Mar 24, 2017 at 6:58 am
Copy link
Sorry, has a space between h1 and .site-title, so pls remove this space and try again
phongtt6 · Member · Mar 24, 2017 at 6:58 am
Copy link
h1.site-title, p.site-title{
margin-bottom: 12px;
font-size: 0.9 em;
}
fabiusmaximus2000 · Member · Mar 24, 2017 at 7:14 am
Copy link
Interesting. The format pays no attention to either of those CSS changes, the H1 or the p.site-title{.
phongtt6 · Member · Mar 24, 2017 at 7:18 am
Copy link
So it’s work?
fabiusmaximus2000 · Member · Mar 24, 2017 at 7:20 am
Copy link
Neither of the two CSS changes had any effect.
phongtt6 · Member · Mar 24, 2017 at 7:26 am
Copy link
Hi,

I already tried with my browser and here is result:

http://prnt.sc/ent70o

Did you try clear your browser cached?
phongtt6 · Member · Mar 24, 2017 at 7:31 am
Copy link
I’d removed space between 0.9 & em, sorry because it’s first time i post code here.
Hope this help

h1.site-title, p.site-title{
margin-bottom: 12px;
font-size: 0.9em;
}
phongtt6 · Member · Mar 24, 2017 at 7:43 am
Copy link
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.
fabiusmaximus2000 · Member · Mar 24, 2017 at 7:36 pm
Copy link
None of these changes to CSS has any effect.

I cleared the browser cache. No effect.
phongtt6 · Member · Mar 25, 2017 at 3:16 pm
Copy link
Hi,
I check on your site and i think the latest code is not loaded.
The old css still load: http://prnt.sc/eobf09

Try 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)
fabiusmaximus2000 · Member · Mar 25, 2017 at 3:24 pm
Copy link
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.

No items found.