Hi guys,
My section headers font size format are different in each section:
Can we unify them all to be the same size and format similar to this:
Thank you,
Hello @Alliance
I have checked your site and found that you are using different tags for the section headers:
https://prnt.sc/Hn97hFPq8Fl8 >> https://prnt.sc/a4OjRaAfFoh9
Secondly there is some CSS on the theme files which are overriding the font size of the headings
So you need to unify all the tags and remove the extra CSS or change the CSS based on parent of the element.
How that can be done?
I found that you have made this page through Pagifly . You can check this in that by changing the headings as there are options in the Pagifly App to manage all the headings settings.
Talking about Shopify headers
Yes ,these are Shopify headers but Pagefly is appending its CSS on these headers. So you can either contact their app support or you can hire a developer who can apply custom CSS on this.
It was a simple code:
.section-header {
margin-bottom: 0px !important;
}
h3.h4 {
font-weight: bolder !important;
font-size: 18px !important;
margin-top: 15px !important;
}
h2{
font-weight: bolder !important;
font-size: 28px !important;
margin-top: 15px !important;
}
Just for the record
Hi @Alliance ,
This is Victor from PageFly - Shopify Page Builder App, I’d like to suggest this idea:
The problem you met is that the font is not loading on live view. This might result from a minor conflict with the theme, or your font is just not working.
You should now check these two issues. If my suggestions do not work, please contact our 24/7 live chat support to discuss more and fix it.
Hope you find my answer helpful!
Best regards,
Victor | PageFly