Can´t Change Colors Via Custom Style In System Helix - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Can´t Change Colors Via Custom Style In System Helix

TV

Tim v.d.w

Template 3 years ago

I can't change the colors of the top bar menu, navigation, links, etc in the template settings (Using Joomla 4 helix ultimate). neither about the presets editing nor about the cutom style option.

please help

0
6 Answers
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #75309

Hi,

Thanks for contacting us. Could you please give me your site URL and also screenshot of your issue? I need to check.

-Regards.

0
TV
Tim v.d.w
Accepted Answer
3 years ago #75323

the site is offline at the moment

https://www.comsys-web.de/

here are some screenshots of the issuie

https://ibb.co/QCq57jh

https://ibb.co/j8wtr0P

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #75424

I cant access your site. Please let me know when your site will be online. You can just ping me here. Because without access your site I cant help.

https://prnt.sc/oNrA-l5e49vW

0
TV
Tim v.d.w
Accepted Answer
3 years ago #75443

Hello Mehtaz thanks for your help, i will give you admin access that you can see it. take a look at

system -> site template styles -> template option -> presets -> custom style

or go to preset number 1 I have adjusted this according to my ideas, but here too.. it does not adopt my colors for navigation, text, links, topbar....

0
TV
Tim v.d.w
Accepted Answer
3 years ago #75445

and I have one more thing that I noticed, the height of the mobile header cannot be adjusted

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 3 years ago #75464

Use this custom CSS

#sp-top-bar{
        background: #615252 !important;
}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
    color:red !important;
}
.sp-megamenu-parent>li>a{
    color:brown !important;
}
.sp-megamenu-parent>li>a:hover{
    color:red !important;
}

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

For mobile header give me a screenshot of that portion please.

0