Is There A Settng To Change My Title Font Size
Sean Carney
I know this seems like an odd question but I am having a hard time finding the place to change the size of the H1 Titles in my articles. I am using the Gazette template but have changed my H1 settings there and those changes are not showing up in the articles.
Here is a page we can look at:
https://test1.theraliv.org/torah/articles/daniel-9
Here is the element inspected:
<div class="article-header">
<h1 itemprop="headline">
Daniel 9 </h1>
</div>This appears to be containted within the sp-component
So, since I am not finding the settings in the template, I am thinking that I am either missing it or that there might be a setting within the SP Page Builder?
It appears that we can do a CSS override but that seems really an odd way to deal with H1 tags.
.view-article .article-details .article-header h1 {
font-size: 42px;
color: #1B1B1B;
font-weight: 500;
margin-bottom: 20px;
} Is there a setting within the SP Page Builder? Or is there a setting somewhere else?
Thank you, Sean Carney
Mehtaz Afsana Borsha
Accepted Answer Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Sorry there is no specific settings here but you can do this by using custom CSS. If you want then just ping me here and give me the screenshot of that portion so that I can help you.
-Regards.
Sean Carney
Accepted AnswerThank you very much,
Here is a picture I put on the google drive
https://drive.google.com/file/d/1tZVsl3-BiStg5U8T9GxsWd9EpwBQJswx/view?usp=share_link
I would like to reduce the font size for the article titles to 26 pixels for now.
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. You can use this custom CSS
.raxo-bricks .raxo-top .raxo-title {
font-size: 23px !important;
}
Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Sean Carney
Accepted AnswerThe page in the picture I provided is from the a page located at
https://test1.theraliv.org/torah/articles/daniel-9
This is a Joomla article.
The title on this page is "Daniel 9" and that is the titles I am trying to reduce the size for.
Here is the secttion with the itemprop="headline" in it:
<section id="sp-main-body">
and the line that has the Title in it is
<h1 itemprop="headline"> Daniel 9 </h1>
Mehtaz Afsana Borsha
Accepted AnswerOk then use this custom CSS
.view-article .article-details .article-header h1{
font-size: 26px !important;
}
Sean Carney
Accepted AnswerThank you very much. I added that to the custom code within the template. For some reason it did not work although I sure thought it would. Is there possibly something else we need to add to work with the
<h1 itemprop="headline"> Daniel 9 </h1>
??
Mehtaz Afsana Borsha
Accepted AnswerPlease insert this CSS in your custom.css file
If it does not work then give me your super admin access so that I can check. The above-mentioned access information does not work.
Thanks.
Sean Carney
Accepted AnswerThank you very much. It sure seems like that code should work. I had it in the custom css field of the shaper Gazette template. I have now placed it in the custom.css file of the template folder for shaper Gazette.
It is still not working which baffles me.
I did now just reset the password for the joomla access to match what is above. I tested the login and password and got in. So, my apologies. But, it should be working now.
Thanks for your help.
Sean
BTW, I am very curious about if some css tweaks are better in the template and others are better in the custom.css file?