Custom.css doesn't work on Shaper Organic - Forum | JoomShaper
Solved Templates

Custom.css doesn't work on Shaper Organic

Asked by Max 5 years ago Last activity 5 years ago

Hi. I've got a big issue on my shaper organic template (seems that the custom.css doesn't work).
The website (under development) is https://www.rinascerebenefit.it/_demo2020/

Just as a test I added the following lines into my custom.css:

sp-header-wrapper.menu-fixed {

font-size: 28px;
background: #ffffff !important;
}

I need a white menu with bigger fonts.

I can understand that helix overwrite css files, ut not custom.css.....

Can you please let me know how to fix that?
Max

Accepted answer

Marked as the solution
Pavel

Hi. It works. Clear your joomla and your browser cache

5 more replies

Rashida Rahman Staff

Hi there!

Your custom css is working as I can see:
https://prnt.sc/wpe9a6

Would you please specify what you want as white? The header background or the menu item color?
To change your menu item font-size you need the following code:

#sp-main-menu ul.level-0>li>a{
    font-size: 18px;
}

Best Regards

Max Asked this

When scrolling down the menu become sticky and change color to green.
I need it white, so the color must not change.

And also if I change font-size...28, or bigger, nothing happens.

See here please: https://prnt.sc/wppf3d

Let mw know, thanks
Max

Rashida Rahman Staff
5 years ago · edited

Hi,

Please use the following code into your custom.css file to get white background while scrolled:

#sp-header-wrapper.menu-fixed {
    background: #ffffff !important;
}

And now I can see your menu items are bigger!
As I said earlier you need to use the following code to change menu item font-size:

#sp-main-menu ul.level-0>li>a{
    font-size: 28px;
}

you can put/change font-size value which suits better!
Please clear your Joomla and browser cache then check.

Best Regards

Max Asked this

No dear Rachida, it is not working!

The custom.css is loaded correctly, but there is no font size change and neither white background!

I noticed that the base href is https://www.rinascerebenefit.it/_demo2020/index.php/it/ and I don't know if this can cause problems about the path to the custom.css file.

Can you please help me?
M

Max Asked this

Done! Now seems to be exactly how I need it. Thanks

Log in to reply.