Colour Theme
-
Hi guys,
I was wondering what the best way is to change the colour scheme on a theme – in this instance, Newslay. I want to change the blue bars to a gold/light orange colour.
Regards,
Harry
-
It varies theme to theme.
You should ask in the theme support group :
https://ww.wp.xz.cn/support/theme/newslay/or you can read the docs here :
https://docs.themeansar.com/docs/newsup/colors-settings/Start by looking at the theme CSS files. You can change color schemes in there:
https://developer.ww.wp.xz.cn/themes/basics/main-stylesheet-style-css/
Also, inspect the class names of the elements that you want to change, so that you can find the CSS rules easily.
If you want to alter the colour of a few elements through custom CSS, I recommend adding your custom CSS to the Additional CSS section of the customizer. Rules here will take precedence over equivalent rules in external files like style.css.
Hey guys. Is it possible to do this without buying a pro version of the theme I have, do you think? I’m very much a beginner with CSS.
Sure.
Ask in their theme support group :
https://ww.wp.xz.cn/support/theme/newslay/Or, post your URL here.
I don’t see any ‘blue bars’ ?
My apologies, I changed the theme to one that was red. But within an individual theme I’m struggling to change the colour.
If you’re going to change the colours of the theme, and ask in these forums, then you would need to be very specific about what you want changed.
For example, what do you wan to change that is not already covered in configuration :
https://docs.themeansar.com/docs/newsup/colors-settings/own-theme-color/
https://docs.themeansar.com/docs/newsup/colors-settings/predefined-colors/
https://docs.themeansar.com/docs/newsup/colors-settings/theme-style/Apologies. My issue is that this “Theme Style Palette” is something that I can’t seem to find on the base version, which makes me worry that it’s on the pro version. Given that I’ve just paid £130 for the site and domain, I’m not comfortable paying more just to change a colour scheme.
You can start with this :
Customizer –> Additional CSS :.mg-headwidget .mg-head-detail { background: #ffa500; } .mg-headwidget .navbar-wp { background: #ffa500; } .mg-headwidget .navbar-wp .navbar-nav > li > a:focus, .mg-headwidget .navbar-wp .navbar-nav > .active > a, .mg-headwidget .navbar-wp .navbar-nav > .active > a:hover, .mg-headwidget .navbar-wp .navbar-nav > .active > a:focus { color: #fff; background: #ffa500; } .mg-sidebar .mg-widget h6 { background: #ffa500; color: #fff; } .mg-wid-title { border-color: #ffa500; } .mg-sidebar .mg-widget h6::before { border-left-color: #ffa500; border-color: transparent transparent transparent #ffa500; } a.newsup-categories.category-color-1 { background: #ffa500; } .mg-latest-news .bn_title { background-color: #ffa500; } .mg-latest-news .bn_title span { border-left-color: #ffa500; border-color: transparent transparent transparent #ffa500; }Thank you so much, that’s brilliant. Thank you again!
Now once I’ve figured out how to get my logo in the centre we’re off to the races!
Try this :
.row.align-items-center { justify-content: center; }or this :
.row, .align-items-center { justify-content: center; }Thank you Corrina. I’ve just centred it – do you think it looks central or still a bit off?
I have a few other queries that I may need help with, sorry to be a pain. Would it be possible to message you about them?
My current view :
Resolved WordPress support in these forums should be available to everyone, so that answers can be found by others when they have similar issues.
Post a new thread for any issue / question you have – it will get picked up.
The topic ‘Colour Theme’ is closed to new replies.