I'm dealing with a strange behaviour of the header font in single posts.
I use the Ascend theme skin and in the "general html" section of typography salient options I choose for h1 sections the Playfair Display font, size 60px, line height 60px and weight 400
In all my pages or in my elements all the h1 sections are normally rendered but in the header section of single posts the font size is not correctly rendered but instead of using a 60px font, the font-size is set to 5.5vw and line height is set to 5.7vw and no value in the h1 setup of general html section can change this undesired value.
For this reason I need to modify the "single.css" file in salient theme at row 104 (on last version 11.0.2) by deleting those row:
Simply overwrite the css using !important attribute.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
Hi!
I'm dealing with a strange behaviour of the header font in single posts.
I use the Ascend theme skin and in the "general html" section of typography salient options I choose for h1 sections the Playfair Display font, size 60px, line height 60px and weight 400
In all my pages or in my elements all the h1 sections are normally rendered but in the header section of single posts the font size is not correctly rendered but instead of using a 60px font, the font-size is set to 5.5vw and line height is set to 5.7vw and no value in the h1 setup of general html section can change this undesired value.
For this reason I need to modify the "single.css" file in salient theme at row 104 (on last version 11.0.2) by deleting those row:
.single:not(.material) #page-header-bg.fullscreen-header h1 {
font-size: 5.5vw;
line-height: 5.9vw;
}
Is thi a bug? Because I need to manually change my father theme every time I do upgrade my salient theme.
Thanks, Antonio
Hey Again,
Simply overwrite the css using !important attribute.
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
.single:not(.material) #page-header-bg.fullscreen-header h1 { font-size: 60px !important; line-height: 60px !important; }Thanks
ThemeNectar Support Team
Good morning Tahir, thanks. This was the first way I chose but I refer to keep control over font in typography :-)