Customm CSS and images for search fields

Discussion in 'GeoCraft WordPress Theme' started by ehause, Jul 10, 2014.

  1. ehause

    ehause Member

    Joined:
    Apr 2, 2013
    Messages:
    51
    Likes Received:
    0
    Re: grandstrandbride.com, I had customized the color style "orange" for this site, then installed the new release, and now I have lost a couple of components.

    In the header search section, notice that the color image behind the text "SEARCH LISTINGS" is missing. Also, the search field in the footer, fourth widget area, same problem.

    I have uploaded edited images fosearch.png, orangesh.png, orangeshbtn.png, and obullet.png, and uploaded the images folder. Then I added the following custom code:

    .footer_wrapper {
    background:#f69165;
    }
    .footer_wrapper .footer_widget h5 {
    background:url(images/ofborder.png) repeat-x bottom;
    }
    .footer_wrapper .footer_widget ul {
    list-style-image:url(images/obullet.png);
    }
    .footer_wrapper .footer_widget #searchform {
    background:url(images/fosearch.png) no-repeat;
    }
    .footer_bottom {
    background:#fbbba0;
    color:#fbbba0;
    }
    .footer_bottom .copy_right {
    color: #ffffff;
    }

    What am I doing wrong?
     
  2. Gourav

    Gourav Support Staff

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

    Just remove the code given below from your Custom CSS
    Code:
    .footer_wrapper .footer_widget h5 {
    background:url(images/ofborder.png) repeat-x bottom;
    }
    .footer_wrapper .footer_widget ul {
    list-style-image:url(images/obullet.png);
    }
    .footer_wrapper .footer_widget #searchform {
    background:url(images/fosearch.png) no-repeat;
    } 

    This will solve your issue.


    Thanks & Regards
    Gourav Shrivastava
     

Share This Page