Custom.css Doesn't Work On Shaper Organic - Question | JoomShaper

Custom.css Doesn't Work On Shaper Organic

M

Max

Template 3 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

0
6 Answers
Pavel
Pavel
Accepted Answer
3 years ago #2400

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #2363

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

0
M
Max
Accepted Answer
3 years ago #2364

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

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 3 years ago #2373

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

0
M
Max
Accepted Answer
3 years ago #2399

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

0
M
Max
Accepted Answer
3 years ago #2425

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

0