I can't seem to size a logo in the footer widget.

Discussion in 'Local Business WordPress Theme' started by skon, Feb 13, 2013.

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

    skon Member

    Joined:
    Feb 11, 2013
    Messages:
    51
    Likes Received:
    1
    Location:
    Norwood, Massachusetts USA
    I have a 100 x 25 pixel credit card logo, and it expands to fill the entire area of the second footer area. Here's the code I'm using:

    <!-- begin footer widget-->
    <p><b>Street Address: </b>3 Harrow Road
    <p><b>City, State, Zip: </b>Norwood, MA 02062
    <p><b>Phone: </b>1.781.424.4461</p>

    <!DOCTYPE html>
    <html>
    <body>
    <p>
    <img src="http://homespecialistsinc.com/wp-content/uploads/2013/02/Multi_CC_Horz_med_318x76-e1360783648676.gif" alt="Credit Card Logo" style="float:left" width="100" height="25"></p>

    </body>
    </html>

    </p>
    <!-- End footer widget-->

    It looks terribly fuzzy as it's stretched out of proportion. Any suggestions?
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Go to the widgets and add text footer widget in any of the footer area. and add code given below in it.
    Code:
    <p><b>Street Address: </b>3 Harrow Road</p>
    <p><b>City, State, Zip: </b>Norwood, MA 02062</p>
    <p><b>Phone: </b>1.781.424.4461</p>
     
    <img src="http://homespecialistsinc.com/wp-content/uploads/2013/02/Multi_CC_Horz_med_318x76-e1360783648676.gif" alt="Credit Card Logo" style="float:left" >
    There is no need to open <html> and <body>.

    After that paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    [CODE].textwidget p{color:white;}
    .footer-wrapper .footer_widget img {
    width: 106px !important;
    }
    [/CODE]
     
  3. skon

    skon Member

    Joined:
    Feb 11, 2013
    Messages:
    51
    Likes Received:
    1
    Location:
    Norwood, Massachusetts USA
    Thank you Nitesh. It worked fine.
     
Thread Status:
Not open for further replies.

Share This Page