2nd Widget Footer Area

Discussion in 'Local Business WordPress Theme' started by skon, Dec 17, 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'm trying to display a Google+ icon in the 2nd Widget Footer Area but it looks distorted because it stretches to fit 106 px. You can check this out at http://homespecialistsinc.com/.

    Some more background on this issue:
    I have several horizontal images in this same widget area that were being stretched to fit an even larger area and all looked distorted, so InkThemes tech support gave me some custom CSS to solve this problem.

    This custom CSS works fine if all the images are about the same horizontal size and look fine even if forced to 106px, but the google+ icon is quite a bit smaller. I can only choose an icon that is 16px, 32px or 64px.
    Is there a way to display these images in their actual size, rather than stretching them all or shrinking them all to fit a predetermined space?

    The following is the custom CSS:

    Code:
    .textwidget p{color:white;}
    .footer-wrapper .footer_widget img {
    width: 106px !important;
    }
     
  2. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Please remove css code you have added. It is fixing image width.
    Solution:
    Open style.css and replace "width" with "max-width" at line number 1641.
    Check image for reference.

    max-width.png


    Thanks & Regards
    Nitesh Raghuwanshi
     
  3. skon

    skon Member

    Joined:
    Feb 11, 2013
    Messages:
    51
    Likes Received:
    1
    Location:
    Norwood, Massachusetts USA
    View attachment 3043 View attachment 3043 Hi Nitesh,
    This worked fine - thank you.

    I have a child theme so how can I add this to my child theme so next time I upgrade my theme I don't lose the change? The reason I ask is that my child theme has a style.css file that contains the following code:
     

    Attached Files:

  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello Skon,

    From next version of theme you will not get this problem again.
    We will add this solution in the next version of theme too.

    Thanks & Regards
    Nitesh Raghuwanshi
     
  5. skon

    skon Member

    Joined:
    Feb 11, 2013
    Messages:
    51
    Likes Received:
    1
    Location:
    Norwood, Massachusetts USA
    OK, That's good to know. Thanks so much, Nitesh!

    Best wishes,
    Steve
     
Thread Status:
Not open for further replies.

Share This Page