Changing Css Style On Gourmand Template - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer

Changing Css Style On Gourmand Template

II

Instituto iGin

Template 4 years ago

I try to change some CSS styles (menu color and other few elements) and i cant. Something overwrite it.

What can i do?

0
11 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #15877

We informed in template and Helix documenation to NOT TOUCH those files: template.css, default.css and preset1.css. and why !

You have to add your custom CSS code here

/templates/gourmand/css/custom.css

Yes, you have to create this file first!

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #15508

Hi,

About menu items colors - tips from here should work: https://www.joomshaper.com/documentation/helix-framework/helixultimate/faq-how-to-do

BTW

  1. As you know We cannot teach CSS here, but sometimes it's good to use "!important" to force color inside custom styles. Or add ID of he column above (as I did below).
  2. Use Code Inspector from your browser. This tool helps a lot, if you know the basic of CSS.
  3. Always use custom.css file or Custom CSS from template options. Do not edit template.css file !!

Example Style for Main Menu that works:

#sp-menu .sp-megamenu-parent > li:hover > a {color: red;}
#sp-menu .sp-megamenu-parent > li > a {color: black;}
0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #15509

Hi there,

Thanks for contacting us. Sorry for the inconvenience. Will you please share a screenshot and administrator access to check the issue. I will check and get back to you soon.

-Thanks

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #15578

Any progress?

0
II
Instituto iGin
Accepted Answer
4 years ago #15752

I tried changing the CSS in css/template.css and in css/presets/default.css and in css/presets/preset1.css. nothing suceed. In few minutes, something overwrite the .css and go back to the previous .css file, undoing my changes.

I tried changing it in helix presets selecting custom, and nothing suceed.

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #15764
0
II
Instituto iGin
Accepted Answer
4 years ago #15770

I can acces without problem, the website is in a profesional hosting in Spain. What is your navigator?

0
Toufiq
Toufiq
Accepted Answer
Senior Staff 4 years ago #15773

I am from bangladesh. Will you please unblock country of Bangladesh?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #15879

Also I have locked admin area, 403 Forbidden.

0
II
Instituto iGin
Accepted Answer
4 years ago #16181

working with custom.css !

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 4 years ago #16279

That's why we always suggest to read template and framework documenation first.

0