top bar colour won't update in helix template - Forum | JoomShaper
Staff replied Templates

top bar colour won't update in helix template

Asked by marius van Rijnsoever 6 months ago Last activity 6 months ago

Fresh install of helix template, but top bar colour will not update

The top bar is set with the default CSS:

sp-top-bar {
background: #333;
However the template sets: --sppb-topbar-bg-color: #396cf0;

Looks like an oversight in naming convention.

8 replies

Oldest first Newest first Most helpful
Mehtaz Afsana Borsha Staff
6 months ago · edited

Hi

Thanks for contacting us. You can use this CSS in your custom.css file

#sp-top-bar {
    background: #393cf0 !important;
    color: #aaa;
}

And you can set the color that you want to set.

You can also change the color from template settings, here:

https://prnt.sc/hOuqnTFuZS0Z

-Regards.

marius van Rijnsoever Asked this
6 months ago

Yes, but what is the point then of having the top bar colour selector in the helix template options?

Looks like a bug to me, as changing the top bar colour does nothing in the backend template selector..

Mehtaz Afsana Borsha Staff
6 months ago

Did you try it from template settings? It should work. If you need any further help, please keep a full site backup and give me your super admin access so that I can check.

marius van Rijnsoever Asked this
6 months ago

Yes set it from the admin template settings. You can see it on my site link sent in the private comment section.

The admin helix interfaces sets:
--sppb-topbar-bg-color:

The helix template uses:

sp-top-bar

It is a fresh template install, other people also reported this previously

Mehtaz Afsana Borsha Staff
6 months ago

Did you follow my instructions? I already gave you the solution. Its working in my end. Please check my first comment.

marius van Rijnsoever Asked this
6 months ago

Have you read my comment?

Yes I can manually edit CSS files, however this beat the whole point of having templates with backend configuration interfaces.

So the official instruction is that the top bar colour can not be set using the "top bar" colour setting in the helix administrator interfaces?

Therefore the only way to change is to manually edit CSS files?

Looks to me as a simple programming error where the template uses a different name to compared to the backend configuration

Marius

Mehtaz Afsana Borsha Staff
6 months ago

Hi

In my end, "top bar" colour setting in the helix administrator interfaces works. You can change the color from template settings, here:

https://prnt.sc/hOuqnTFuZS0Z

marius van Rijnsoever Asked this
6 months ago

thanks the reply. that does not work anymore ifyou download the latest version

Mehtaz Afsana Borsha Staff
6 months ago

Hi

I am using the latest version. Please keep a full site backup and give me your super admin access, so that I can check.

Mehtaz Afsana Borsha Staff
6 months ago

Ok got it. I will inform our team about it. In the meantime you can solve it via custom CSS.

Log in to reply.