We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

H1 conflict

Featured Lock Resolved

How can i setup my "Heading 1" so they not do any conflict between SP Page Builder and the template?

My template uses 36px for H1
The SP Page Builder use 156px.

The Page builder overrule my template settings.

How do i use both setting?

14 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Brain here are some tips:

H1 size for article view only :

.item.item-page h1 { font-size: 46px; }

H1 for slider only:

h1.slider-title {font-size: 156px;}
@media (max-width: 640px) {
h1.slider-title {font-size: 56px;}

I hope now you got all info on the plate.
This wasn't a magic, you can also use firebug tool or webdeveloper tool built-in browser.

Paul Frankowski - Staff

More than a month ago #Permalink
you can add addcional custom css to fix template H1,
it's easy. Probably you have H1 in one or max two positions, am I right?


More than a month ago #Permalink
I have H1 in all articles.
when i made custom css for the template, it also took effect at the page builder slider.

How do i seperate them?
i tried
to make the h1{ font-size: 36px; } for the template
and h1.slider {font-size: 156px} for the slider

But i could not get it work

Paul Frankowski - Staff

More than a month ago #Permalink
Are you sure that "h1.slider " is right class.
If you're 100% sure you can also use

h1.slider {font-size: 156px !important;}


More than a month ago #Permalink
No i am not sure i am doing it right.

How do i seperate the two h1 size from each other?

The slider h1 - 156px

articles h1 - 36px


More than a month ago #Permalink
here is what i have on the site
This is inherit
h1 {
font-family: Maven Pro, sans-serif;
font-size: 156px;
font-weight: 700;

This is overwritten with the above.
h1, .h1 {
font-size: 36px;

Attachments (2)

  • Skærmbillede fra 2016-12-27 14-32-59.png
    Skærmbillede fra 2016-12-27 14-32-59.png 824.9 KB
  • Skærmbillede fra 2016-12-27 14-44-51.png
    Skærmbillede fra 2016-12-27 14-44-51.png 226.7 KB


More than a month ago #Permalink
Can i use Page Builder and regular Joomla Article on the page?

I can see that H1 is overruled by the Page Builder in the Revibe template.

How do i work with both H1?

Attachments (3)

  • Skærmbillede fra 2016-12-28 14-50-56.png
    Skærmbillede fra 2016-12-28 14-50-56.png 198.4 KB
  • Skærmbillede fra 2016-12-28 14-52-22.png
    Skærmbillede fra 2016-12-28 14-52-22.png 230.1 KB
  • Skærmbillede fra 2016-12-28 14-55-33.png
    Skærmbillede fra 2016-12-28 14-55-33.png 228.1 KB


More than a month ago #Permalink
Do you have any solutions for this H1 issue between Page Builder and regular Joomla articles?

http://lobo.nyjoomla.dk/produkter/indendoers-mobler/barstole - regular Joomla article H1 = 156px not good
http://lobo.nyjoomla.dk/ - Page Builder slideshow H1 = 156px as is should be

Paul Frankowski - Staff

More than a month ago #Permalink
logo for website should have transparent background, not white like it has. So in scroll mode will be much more cleaner.


More than a month ago #Permalink
Hello Paul
I know its not magic, but i just couldn't find the solution on this one.

Thanks for the tip with the logo

Happy new year... Talk to you in the new one

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us