Hi. You can change any colors you want only via CSS files. Also I recommend you to use child theme for this reasons.
Hex of color you need is #FF5151
Are you talking about the bootstrap css file?
If you will be make all changes directly in theme, you need to edit style.css, bootstrap.css, flexslider.css, if you will use own child theme – you can override all styles in child theme’s style.css, just copy needed code from parent theme and edit it how you want.
Ok I aslo found the hex code #ff5b5b
Just for anyone else trying to do the same thing
Hello,
This theme seems very interresting. I try to change all the pink color with yellow #ffcc00. I follow the instructions above. I’ve created a child theme. Overriding the styles declared in the parent duena style.css sems ok, but not for the ones declared in the bootstrap.css and in the flexslider.css
http://blog2test.millesabords.net/
All the “a” link are not changed (declared in bootstrap.css), nor the nav buttons in flexslider (declared in flexslider.css).
Any idea ? Thanks.
I found it hard to find too
Its in the bootstrap.css file and the code you are looking for is
a {
color: #ff5b5b;
text-decoration: none;
}
Hope this helps 😀
Thanks…but i already know this.
I’ve put
a {
color: #ffcc00;
text-decoration: none;
}
in the child style.css to change the original color, but it still use the style in duena\bootstrap\css\bootstarp.css, not the one i put in my child theme (duena-child\style.css).
I am surprised that this poor trick should be the solution.
I have installed the Duena theme with its horrible lollipop pink edges thinking that a smart template like this could be changed in a smart way. I was wrong.
My best approach was to search through your style.css and find all the lines that mentioned the pink colour. I copied all statements and cut out unnecessary css. After all, CSS is cascading.
I imported my ‘colors.css’ in my child theme’s style.css, directly after the duena-style. This appears to be insufficient.
I read above that it is necessary to also overwrite part of your used plugins. This is a really bad way of writing maintainable code, if I may say, and I won’t be the last.
With a pink colour like this, you may expect that 9 out of 10 users want to customize it. Have your code prepared for it. This could have been done way better. I am moving on to another theme that’s more flexible.
My tip: create a ‘color.css’ that overwrites all set colours. It will help your users a bunch. Going to your code like a mole, digging up all your colour definitions here and there, does not.
