Staff replied Templates

Rhythm Template help

Asked by pixelfuzion 3 years ago Last activity 3 years ago

Looking to change the header to a solid color, non transparent. How do I do that?

Also looking to remove the divider in the footer. How do we edit those areas?

2 replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
3 years ago · edited

Hi there!

Thanks for your query.

You have a solid color in the header already here: https://www.tommycandtheblackwidowgreaseband.com/

Though it's Indigo themplate there, not Rhythm as I can see.

Can you give me the site URL where you want to change.

However, if you are using predefined header then you can use the following code in your custom CSS:

#sp-header {
    background: red !important;
}

Please use your desired color in the above code.

Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

Best Regards

pixelfuzion Asked this
3 years ago

I am sorry, the site is in a directory...

https://www.tommycandtheblackwidowgreaseband.com/index/

Rashida Rahman Staff
3 years ago

Hi pixelfuzion,

Please take my sincere apology for the unwanted oversight. Somehow I missed the thread.

However, it seems you have done with your header background color.

Did you mean this divider? https://prnt.sc/KtGZLvOmx4i3

Here is the code snippet you can use in your custom CSS to remove the divider the footer:

#sp-bottom .container-inner:after {
    Display: none;
}

Hope this helps anyways!

Note: Path towards custom CSS(Joomla 4): System>Site Templates Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

https://prnt.sc/5mBuSRh907N3

https://prnt.sc/ooiq-lkMEXr_

https://prnt.sc/nunlX-f5AhK1

Best Regards

Log in to reply.