Updating Theme Colors

Discussion in 'Infoway WordPress Theme' started by freckles27, Jun 16, 2013.

  1. freckles27

    freckles27 New Member

    Joined:
    Jun 16, 2013
    Messages:
    4
    Likes Received:
    0
    I found a few threads on changing colors and one was to post the below code into the Styling Options sections. This is working great, but I can't figure out how to update the following on my website http://writerscupaward.com/: orange arrow on topinfo box, orange background on menu navigation bar, orange caption box on testimonial section, headers in the footer section, horizontal lines in the footer section and the Infoway Theme Powered by Wordpress. Where are these located or can the code below be updated it for it. Thank you!

    #topinfobox {
    background: #000000;
    }
    .topinfobar .siteinfourl p {
    background-color: #000000;
    }
    .feturebox .featurebox_inner .featurebox_desc .readmore {
    -webkit-box-shadow: 1px 1px 1px #0B0B61;
    -moz-box-shadow: 1px 1px 1px #6cc1e1;
    border: solid #0B0B61 1px;
    background: #0B0B61;
    }
    .footer-bottom{background: #000000;
    }
    .footer{background: #D8D8D8!important;
    }
     
  2. freckles27

    freckles27 New Member

    Joined:
    Jun 16, 2013
    Messages:
    4
    Likes Received:
    0
    Also, how do I get rid if the graphic with the Home Page Widget area?
     
  3. freckles27

    freckles27 New Member

    Joined:
    Jun 16, 2013
    Messages:
    4
    Likes Received:
    0
  4. freckles27

    freckles27 New Member

    Joined:
    Jun 16, 2013
    Messages:
    4
    Likes Received:
    0
    Last question for now :) Where do I control the font size on the topbar? Thank you for reviewing all of my questions above. I really appreciate it!
     
  5. Gourav

    Gourav Support Staff

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

    1.For your first issue

    It is not possible to change orange arrow on topinfo box color because it is a image not a color if you want to change its color then,
    Go to images directory present in your theme directory and replace your image with present orange arrow image or edit it.
    The name of image is "toptip.png"

    Note:- Use same name for your edited image and remove the current image.
    2.For your second issue
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    #menu li:hover a, #menu li a.selected, #menu li.current_page_item a{
    background-color:blue;
    }
    3.For your third issue

    It is not possible to change testimonial section image color because it is a image not a color if you want to change its color then,
    Go to images directory present in your theme directory and replace your image with present orange arrow image or edit it.
    The name of image is "commabox.png"

    Note:- Use same name for your edited image and remove the current image.
    4.For your fourth issue
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .footer .footer_widget h4{
    color:red;
    }
    5.For your fifth issue

    Go to
    Appearance > Theme Option > Footer Settings > Footer Text

    and enter your text there.

    6.For your sixth issue

    Please explain with the help of screenshot about which footer graphics you are talking.

    7.For your seventh issue
    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    .sidebar{
    display:none;
    }
    8.For your eight issue

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

    Code:
    .topinfobar span.info p {
    font-size: 15px;
    }
     

Share This Page