Color Change/Remove Call 24 hours information

Discussion in 'Infoway WordPress Theme' started by partex, May 4, 2014.

Thread Status:
Not open for further replies.
  1. partex

    partex New Member

    Joined:
    Apr 17, 2013
    Messages:
    17
    Likes Received:
    3
    I would like to change the blue color used for the Top Notification Bar (Infobar), the footer, and the active page menu (see graphic) to match the blue in my logo. (0xE06C13)

    I would also like to remove the telephone image and the Call 23 hours:phone number from the header.

    Can you provide the CSS code please?

    Thank you
     

    Attached Files:

  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
     div#topinfobox {
    background: red;
    }
    .topinfobar .siteinfourl p {
    background: red;
    }
    #menu li:hover a, #menu li.current_page_item a{
    background:red;
    }
    .header .contactinfo {
    display: none;
    }
    

    Inplace of "red" put your color code.


    Thanks & Regards
    Gourav Shrivastava
     
  3. partex

    partex New Member

    Joined:
    Apr 17, 2013
    Messages:
    17
    Likes Received:
    3
    Gourav,
    Thank you!

    Would it be possible to get the additional code to change the following areas of "orange" that are still seen?

    See examples 1 and 2
     

    Attached Files:

  4. partex

    partex New Member

    Joined:
    Apr 17, 2013
    Messages:
    17
    Likes Received:
    3
    Sorry.. and to also align the logo image to the center instead of the left.
     
  5. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1. For top info tip image and block quote image

    Go to images directory present in your theme directory and replace your image with present tip and block quote images or edit it.

    The name of images are
    1. "toptip.png"
    2. "commabox.png"

    Note:- Use same name for your edited image and remove the current image.


    2.

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .feturebox .featurebox_inner .featurebox_desc .readmore{
    background:red;
    border: solid red 1px;
    }
    .footer-bottom{
    background:red;
    } 

    Thanks & Regards
    Gourav Shrivastava
     
  6. partex

    partex New Member

    Joined:
    Apr 17, 2013
    Messages:
    17
    Likes Received:
    3
    Gourav,

    Thank you!
     
Thread Status:
Not open for further replies.

Share This Page