2nd Widget Footer Area

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;
}

 

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.




Thanks & Regards
Nitesh Raghuwanshi

 

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:

 

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

 

OK, That's good to know. Thanks so much, Nitesh!

Best wishes,
Steve