WordPress.org

Ready to get started?Download WordPress

Forums

ColorWay
[resolved] I try to add custom css but nothing change (16 posts)

  1. dkay
    Member
    Posted 2 years ago #

    I added the following code on the custom css but nothing changed

    #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 {
    color:#8c978c;
    background: #8c978c;

    I wanted to change the background color (the horrible green) of my menus, but it don't work.

    Someone can help me?

    Thanks in advance

    http://wordpress.org/extend/themes/colorway/

  2. ChristiNi
    Member
    Posted 2 years ago #

    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!

  3. dkay
    Member
    Posted 2 years ago #

    Hi ChristiNI,

    Sure, its: http://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!

  4. ChristiNi
    Member
    Posted 2 years ago #

    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!

  5. dkay
    Member
    Posted 2 years ago #

    thanks a lot!

  6. ChristiNi
    Member
    Posted 2 years ago #

    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!

  7. InkThemes.com
    Member
    Theme Author

    Posted 2 years ago #

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

  8. ChristiNi
    Member
    Posted 2 years ago #

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

  9. robinaHelloPoncho
    Member
    Posted 2 years ago #

    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 http://www.helloponcho.com.. thanks in advance!

  10. ChristiNi
    Member
    Posted 2 years ago #

    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!

  11. gronsay
    Member
    Posted 2 years ago #

    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 http://pnkplanning.com

  12. ChristiNi
    Member
    Posted 2 years ago #

    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!

  13. gronsay
    Member
    Posted 2 years ago #

    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!

  14. atohulka
    Member
    Posted 2 years ago #

    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. http://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!

  15. mathilde-admin
    Member
    Posted 1 year ago #

    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? http://www.montaigneavenueconsulting.com
    Thank you!

  16. imonni
    Member
    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags