[Theme: ColorWay] I try to add custom css but nothing change

Hi dkay,

Could you provide a link to your site? Also, you can try using the Firebug extension with either Firefox or Chrome to pinpoint the CSS controlling the elements on your page.

Hope this helps!

Hi ChristiNI,

Sure, its: https://www.juliepage.com/

I already have firebug which is very helpful, but i tried to change what i think is the menu-bar element, but it don’t seem to work.

Thanks for your help!

Hi dkay,

I was able to change the background of the main menu by changing the background declaration in this part of the style sheet:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    background: url("../images/menu-bg.png") repeat-x scroll center top #2B4908;
    color: #FFFFFF;

I changed it to:

background: none repeat scroll 0 0 #8C978C;

That takes care of the main menu items. In order to change the color of the dropdown items I would recommend searching the style sheet for any additional references to the #2B4908 color code and changing them as needed.

Hope this helps!

thanks a lot!

You’re welcome dkay!

I see you were able to update the color in your menu. If you have time, please mark this topic as resolved.

Thanks!

Thanks a lot ChristiNi for helping out other users. Really appreciate your help in the issue.

You’re welcome InkThemes.com! I’m always happy to help!

i have the same problem, and i cant find the green color in the style sheet anywhere… Could you have a look at my site too and tell where to look in the style sheet?
the site is https://www.helloponcho.com.. thanks in advance!

Hello robinaHelloPoncho,

If you’re talking about the green in the menu that dkay was, please refer to the CSS declarations I referenced above:

#menu li.current-menu-item a, #menu li.current-menu-parent a, #menu li.current_page_parent a, #menu li a.selected, #menu li a:hover, #menu li.current_page_item a {
    background: url("../images/menu-bg.png") repeat-x scroll center top #2B4908;
    color: #FFFFFF;
}

You can also just look for references to #2B4908 (the hex code for that shade of green).

Don’t forget to create a Child Theme before making changes. Also, the Firebug extension with Firefox or Chrome is great for pinpointing CSS.

If you’re talking about some other part of the site, it would probably be best to post a new thread.

Hope this helps!

I changed all the corresponding color codes as directed in this thread…but there are still green parts on my site that I want to be light pink. Can anyone help? Check out https://pnkplanning.com

Hi gronsay,

Please keep in mind that new requests should be posted as new threads in the forums. When making a request, it’s also best to provide as much information as possible. For instance, we may not know which parts you want switched to pink (could be some, could be all). If you’re referring to the green stripe in your footer (just above the bright pink in the footer, try changing this part of your style sheet:

.footer-container {
background: url(“../images/footer-bg.png”) repeat scroll 0 0 transparent;
}

Also, it’s best practice to create a Child Theme before making changes such as these. Without a child theme, if that theme is updated in the future, all of your changes will be overwritten and you will have to make all of the changes again.

Hope this helps!

woops, thanks ChristiNi. I am still learning how to do all this stuff. I will try to create the child theme now then make the change. I appreciate the help!

Hi ChristiNi,

I was able to change the green in the menu, per your instructions above. However, I’m not able to change the color in the dropdown list. https://www.myturningpointhome.com/ I searched for references to #2B4908 color code in WordPress – Appearance – Editor, but nothing is coming up.

I would appreciate any help or suggestions you have!

Hi ChristiNi,

I have downloaded the fire bug app but was not able to find how to change the color from there. I don’t want to mess up my codes sheets, could you take a look at my site? https://www.montaigneavenueconsulting.com
Thank you!

Hi ChristiNi,

I am trying to change the background color of container, from white to transparent.

this is the code:

container {
background-color:trasnparent!important;
}

It works when I do it from style.css, but it doesn’t work when I do it from custom.css (this happen when I leave original background color white in style.css)

style.css seems to win to custom.css

It depends on version I am using?
(I have the lite version)

thanks

Ivan