Presentation page and menu colors

Its your CSS, mate. Paste a link and the color you want the menu and text to be and Ill give you the CSS you need to add to your child theme or simple css plug in

The site is – https://riotierra.wickenburgaz.biz

Not sure what color I want it until I play around with it a bit. If I could just learn where to make the changes I’d greatly appreciate it.

Do I have to make changes to the CSS for the text color on presentation page column text areas?

Thanks!

Okay so first download this plug in: https://www.ads-software.com/plugins/simple-custom-css/

Then inside that plugin you want to add your custom CSS, CSS controls the layout of the page along with the colors of your text.

So inside that plugin you will be adding the selector “the name of the part you are trying to change and then what you want to change it to. To change your menu you are editing the rules on “#access a” so if you wanted to change the color to white for example you would add this to your css plug in:

“#access a {
color:#fff
}

To change the hovered color to black for example you would use:

#access a:hover {
color:#000;
}

To change your drop down menu to dark gray you’d use:

#access ul ul a {
color:#202020;
}

for the hover to black:

#access ul ul a:hover {
color:#000;
}

and so on. if you want to mess about with the colors just change it, this might be helpful to you: https://kuler.adobe.com/create/color-wheel/

Lastly your column text is controlled by “.column-text” so use something like:

.column-text {
color:#fff;
}

That should be enough to get you going mate, was there any other parts you wanted changing?

Dan

Dan,
Thanks for your help. I’m kind of a novice at CSS. I did what you said and pretty much have it. I see where the info is stored in the stylesheet but used the plugin as you recommended. So, if I wanted to:

Make the font bold on the menu….how would I do that?
Change the font size on the menu….how would I do that?
Change the background color on the menu….how would I do that?
Put a border around the menu such as bold line….how would I do that?

Thanks again, I’m getting there.

David

My site is – https://riotierra.wickenburgaz.biz

I kind of want the menu to look like the one at – https://www.riotierracasitas.com

Hi mate,

To make the menu font bold you need to add to the css that you wrote in relation to “#access a”. I hope explaining it like this will give you a better understanding of how it works:

So change where you have
#access a {
color:#7f4805;
}

to

#access a {
color:#7f4805;
font-weight:bold;
}

To change the font size you will be adding “font-size:20px;” to the same selector, for example. So now you have:

#access a {
color:#7f4805;
font-weight:bold;
font-size:20px;
}

You then said about the background color of the menu, for that you will be adding “background-color:#000;” to the “#access ul li”

So for example:
#access ul li {
background-color:#000;
}

What do you mean by a border mate? Around each menu item?

Dan

Dan –

Thanks! I have it looking pretty much the way I want it with your help.
It’s starting to make sense. One more question – If I want to change the background color for the submenu items how would I do that so that it matches the background color of the menu itself? In some cases I have two or three items under a menu item and want them all to match.

Thanks again!

David

No problem mate, to do that you want to add this to your CSS plugin:

#access ul ul li {
background-color:rgb(240, 205, 75);
}

Dan –

You sir are a genius. Thanks for your help

Cheers,

David

haha not a problem, Im glad I could help.

All the best with the site,

Dan