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:

Footer color

Featured Lock Resolved
When i add content to customHTML module in position bottom1, 2, 3, the background color changes.

I cant figure out why, can anyone help me the right direction?

Attachments (1)

  • Skærmbillede fra 2016-12-20 09-45-38.png
    Skærmbillede fra 2016-12-20 09-45-38.png 122.4 KB

6 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Ok, that case use only that:
.sp-bottom-footer::before {background: #YOUR-COLOR-CODE; }
and all should be OK (I hope).

In my demo I used :
.sp-bottom-footer::before { background: #382c33 !important;}

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Brian,
because it was overridden by template.css, so please use:

.sp-bottom-footer::before {display:none;}

.sp-bottom-footer::before {background: transparent;}

inside custom.css file or ... check image

Attachments (1)

  • custom_css_field_tip.jpg
    custom_css_field_tip.jpg 85.3 KB


More than a month ago #Permalink

But how do i set it as in the demo page ?

I would like it in the dark colors.


More than a month ago #Permalink
Hi Paul
I just cant get it to work.
When i use .sp-bottom-footer::before {background: transparent;} i get it with gray/white background
I have made at custom.css file and not using the custom css field in the template.

But i would like to have the background color as it is in the demo.

I have also tryed to change the ::before with ::after

I am abit confused here.
Thank you

Attachments (2)

  • Skærmbillede before fra 2016-12-20 11-01-10.png
    Skærmbillede before fra 2016-12-20 11-01-10.png 121.7 KB
  • Skærmbillede fra 2016-12-20 11-10-29.png
    Skærmbillede fra 2016-12-20 11-10-29.png 243.9 KB


More than a month ago #Permalink
I am still struggle with this

I have made a custom.css and made the changes.
.sp-bottom-footer::before {display:none;}

.sp-bottom-footer::before {background: transparent;}

Attachments (2)

  • Skærmbillede fra 2016-12-22 11-40-39.png
    Skærmbillede fra 2016-12-22 11-40-39.png 220 KB
  • Skærmbillede fra 2016-12-22 11-43-16.png
    Skærmbillede fra 2016-12-22 11-43-16.png 224.5 KB

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