Change colour in Menu, footer

Discussion in 'ColorWay WordPress Theme' started by govinda, Oct 22, 2013.

  1. govinda

    govinda New Member

    Joined:
    Oct 21, 2013
    Messages:
    14
    Likes Received:
    0
    My website is http://www.veggi-portal.de/

    I would like to change the green in the menu and and in the footer.
    I cannot find the codes?

    I also would like to ad a picture instead of the contact information on the top right.

    please send me the codes.

    Thank for the help.
    greetings from Mayapur India
     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    1. Paste the following code in your Custom CSS to change the menu background color.
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    #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: red;
    }
    #menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
    background: red;
    }
    In place of "red" you can put your color or color code.

    2. Paste the following code in your Custom CSS to change the footer background color.
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .footer-container {
    background: red;
    }
    .footer-container .footer {
    background: red !important;
    }
    .footer-navi {
    background: red;
    }
    In place of "red" you can put your color or color code.

    3. To display image on the top right of the header instead of contact information,
    Go to the Appearance > Theme Options > General Settings panel in your dashboard and
    paste the image code in the Home Page Top Right Address section.
    Code:
    <img src="Enter your image URL address here"/>
    Now,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)

    Code:
    .header-info p.cell {
    display: none;
    }
    This will solve your issue.
     

Share This Page