you will need to create a child theme (https://codex.ww.wp.xz.cn/Child_Themes) or use a plugin such as the jetpack css module (https://jetpack.com/support/custom-css/)
or one of several in the plugin repo(just Google wordpress custom css plugin or something similar)to do this.
I use firebug for firefox to work out and preview the changes I want.(Chrome includes similar tools.)
the lines you are targeting in the style sheet are
.transparent .header-wrapper, .non-transparent .header-wrapper {
background: #ffc0cb none repeat scroll 0 0;
}
The value #ffc0cb would give a color of pink. You could just use the word ‘pink’ in the code which will give the same result.
Hello.
Now I have a new problem. I will have to change the color of the header letters. They are white now and if I turn the header into white, they are not visible. Thank you very much for your time.
#site-navigation .menu li a {
color: #000000;
}
If I may–
your slideshow is very slow to load. The image Naslovna-fotografija-1 is huge for a website. 7310kb. It will display just as well if you downsize it to about?? 150kb
Thank you for your help and advice!!
I would really appreciate if you could help me with one more problem, I hope it is my last one.
with the css code above I am only able to change the color of the header and its text when the site is still. When I move down the page, the header and the menu text change the color back to the original one. Can this be fixed?
Also is it possible to change the color of the footer and the text in it?
Sorry for all the questions..thank you for your time.
you are welcome. If I can help further I am happy to.
.transparent .header-wrapper.stick, .non-transparent .header-wrapper.stick {
background: white none repeat scroll 0 0;
}
and
.header-wrapper.stick #site-navigation .menu li a, .header-wrapper.no-slider #site-navigation .menu li a {
color: black;
}
should fix the header when scrolled
#colophon.footer-layout-two {
background: white none repeat scroll 0 0;
}
and
.copyright {
color: black;
}
should fix the footer.
Also
#colophon.footer-layout-two #bottom-footer .copyright {
border-bottom: 1px solid black;
}
will change the bottom border color (which is white at present) and make it visible, after changing footer to white.
Hey, I would really appreciate if you could help me with my problem. I would like to replace the “Read more” word on the button http://institut-hopea.si/#o-hipnozi with another word.
Thank you for your help.
And I have the same problem with the “read more” on http://institut-hopea.si/#članki
Thank you
There are a few ways you could approach this, the first I am not too familiar with, but if your theme has a .pot file, possibly in a folder called ‘language’, have a look at this article
https://developer.ww.wp.xz.cn/themes/functionality/localization/
which references a couple of ways to do a translation including a plugin, so that may work.
Otherwise read this
https://codex.ww.wp.xz.cn/Customizing_the_Read_More
and/or https://developer.ww.wp.xz.cn/reference/functions/the_excerpt/
to decide how your “Read More” is being added. The solution depends on how it is being added, and you will need a child theme to implement changes.
I’ve been able to use the above really useful information to help me change the header on my site to white. Thank you!
The only remaining problem I have is that I have a sub menu which is still displaying in black when I hover over a couple of the main nav items. Could anyone help me with the teh css required to turn the sub menus white too?
Thank you in advance!
