Default button color

Saturday, April 20, 2024 1:38:04 AM
  • Posted: Wednesday, August 5, 2020 6:13 PM
  • 2
I'm working on a custom theme and trying to the find my way in the framework.
In the default theme the accent color is everywhere #0091b5 (sea blue). I'm now adjusting this css rules everywhere in the main style.css file but for sure there will be certain things not covered doing this like for example the 'add to card' button because those rules are located in other files which are not even in the Themes folder. What is the best practice for this?

0
  • Posted: Thursday, August 6, 2020 7:05 AM
  • 74
Other components may effect on default style.css file of your theme. Guess, the best practice will be to apply full path to element, which will got higher priority than 'default' one.
Best regards,
Tomasz
GrandNode Team
0
  • Posted: Thursday, August 6, 2020 12:01 PM
  • 2
So basically everything should be controllable using only the style.css file in the theme folder, and there is no general setting that I've missed to define the main color(s)? If you would like to change the sea blue to red for instance, you'd just use a find & replace in order to change the color value on all used places in the file?
0
  • Posted: Friday, August 7, 2020 6:48 AM
  • 74
Pieter wrote:
So basically everything should be controllable using only the style.css file in the theme folder, and there is no general setting

Let me clarify.
If you build own theme, and select that theme at admin panel, there is no default style.css file used (default file of GrandNode default theme). Simply your theme will point to your style.css file. However, plugins still refering to own styles (see default plugin as example). To start using own colors, need to add classes including elements set by plugin in own css file.
Hope that clarify how to process new themes creation. By the way, is there any public access theme, so may have a look on?
Best regards,
Tomasz
GrandNode Team
0
back to top
Filters