Header-Menu bar background-color - wordpress

I cant find the option to change the header primary background color from white to black, and the menu links from white to black.
Can anyone help?
link to site

You could edit the background-color attribute in the .color-overlay class directly in the according .css file, if there is really no option by default.

I am sure that there will be a color setting into your theme options from the wp-admin section. And you need to check there the options there will be a header setting.
if you want from coding part please add CSS rule below into your theme style.css
#menu-main-menu li a {
color: #fff;
}
.content.top.style-none {
background: #000 none repeat scroll 0 0;
}
if this code does not work then use !important CSS another rule.
After that, it will look like this

Related

How to get rid of this element or change its color?

I'm trying to get rid of the following element or change its color if it's possible - it's not a border, it's a background image. It's code looks like that:
.col-2cl .main-inner {
background: url(img/sidebar/s-right-s1.png) repeat-y right 0;
padding-right: 340px;
}
My question is, how can I get rid of this element? I'm trying to completely remove it on dark version of my website, but I just can't - I feel like I've tried everything (background: none;, etc). I can't completely delete the file because I need it on light version of my website. My site:
Any new value you will assign for .col-2cl .main-inner will hide that image.
In your case, you should show dark mod or at least define how dark mode is implemented. Is it changing attributes or just changing class names?
if it is changing class names, you should define your css code according to that change, for example, let assume in dark mode, you added the new class name to any div tag parent of .main-inner as .dark-mode.
Then, you can use the following code:
div:not(.dark-mode) .main-inner{ background: rgba(252, 252, 252, 0) !important; }
this code will make fully transparent of that section only when it is not on dark-mode.
But as I described you need to understand how dark mode changes your website structure. Maybe, it is not adding new classes but changing the all CSS file. Then you just need to edit that specific files.
You can use
.col-2cl .main-inner {
display: none; // In case it will not work, you can try to add !important before the semicolon.
}
or change the background property with
.col-2cl .main-inner {
background: url(new_background_image.jpg) repeat-y right 0 !important;
}

Menu Background Colour Wordpress for homepage only

I am trying to change the background colour of a menu in Wordpress.
The background is transparent for all other pages which is good, but for the homepage where the first element on the page below is a slider the menu remains grey and I cannot seem to change it without making it opaque for the whole site?
The page/site in question is http://nudda.com/new/home-2
I think you are using Wordpress for development, so you can add a specific ID to your home page, then you can use it to change the menu background just for home page,, you should do something like this:
#Your_ID #top-wrapper {
background-color: rgba(0,0,0,0.1);
background-image: none;
}
simple fix is
.page-id-2700 #top-wrapper{
// your background color here
}
page-id-2700 is the wordpress generated page class for home
First add custom CSS and JS plugin in case you don't have a place to add custom CSS.
Then, add this line of CSS code:
#top-wrapper {
background-color: #050505 !important;
}
I can see that you might have already have written that but without the !important.
What is happening is that the default style is overwriting the new style.
The !important will allow you to force overwrite it.

Bootstrap: Change background-color of panel

I found some previous posts about this, but the mistakes of the ones I saw were obvious to me, and unfortunately I couldn't find an answer to my problem yet.
I'm using a primary panel of bootstap:
<div class="panel panel-primary">...</div>
I want to change the background-color of the heading, so I add this class to my CSS to change the background-color:
.panel-primary > .panel-heading {
color: yellow !important;
background-color: yellow !important;
border-color: #F6E3CE !important;
}
The background-color of the heading, however, just keeps it's blue. What irritates me about this is that the color (font color) changes to yellow, which shows me that I'm editing the right CSS block.
And I can change the background-color of the panel-body just the same way which works fine also.
Any ideas about this?
Here's a screenshot to see that it's only the background-color that won't change:
You need to use background-image or background property to override the default background color.
like this
background-image: -webkit-linear-gradient(top,yellow 0, #dbff46 100%);
or
background:yellow;
you need to be more specific with your code, you didnt mention how your elements are structured, the A > B selector means that it will match the element B that has an element A parent. To help you more with your question maybe add some code snippet so you can get help.
Sorry, I'm very new to stackoverflow. It seems that I have to add a new comment to post another screenshot.
Now this is really strange, when I identify the source of the file "gradients.less" in chrome, I get this Screenshot.enter image description here
According to this picture, I have a directory ../bootstrap/css/less/mixins/gradients.less
But actually the directory that I have is: ../bootstrap/css and there are only files in this, like "bootstrap.css" - no subfolder "less" - no subfolders at all.

Changing background color in wordpress element

I'm working on a site for our clinic, here: www.markshoushadentistry.com
I am trying to change the background on the pages (not home page) from white to a textured image background. I've located using Inspect in Chrome the CSS is:
.site-content {
background: #FFF;
}
But I can't seem to find where it is to change it. There is an option in customizer that changes the color of the background, but I'm trying to change the background to an image.
Can anyone tell me where the code is to change the background color to an image?
Thanks so much in advance
Your .site-content is overriden by another top CSS
.home .site-content {
background: none;
}
if you change your CSS with:
.home .site-content {
background: #fff !important;
}
it should work
To change background color in a wordpress you can follow the following steps :
Login to wordpress and open dashboard
Go to Customizer (Appearance > Customize) -> Additional css
Enter the CSS to change the background color. Below is sample code:
site is the css class for the whole site.
XXXXXX is the hex code for the color you want to use.
you can choose your color code from here
Click Update File
And your background color will change . Hope this helps you

Change the color of menu bar in a premium theme - Wordpress

It's being imposible for me to change the color of the menu bar of my website: vayapollo.com
I want to change it, but I've tried all. At the css archives of my theme I can't find this code:
#branding, .post-afterbar-a.in-post-top, .horizontal-vote a.up span {
background-color: #ededed;
}
I want to change the color #ededed to #000 (black). I've tried to find it at PHP or javascript archives but nothing!
The route that google chrome is giving to me is (index):64 but at the index.php file isn't the code.
Thanks, it will be a help for me!
Actually this css comes from admin
If you are not able to find it you can add new css to overwrite this css in your css file
#branding, .post-afterbar-a.in-post-top, .horizontal-vote a.up span {
background-color: #000 !important;
}
Hope it will work

Resources