Jump to content
Sign in to follow this  
joe_steer

images in text widget - gaps between?

Recommended Posts

joe_steer

Hi guys, I'm having trouble when putting several images in a text widget, within my primary sidebar. As you can see on my test site: http://tinyurl.com/7rk7dqu gaps appear in between the images when they should be right next to each other. I've tried identifying the padding/border/whatever setting in Firebug but struggling! Any help very much appreciated. thanks, Joe.

Share this post


Link to post
Share on other sites
catrina
You'll need to adjust the padding for the image itself, which has this class: [b]mouseover[/b]. You'll need to use "mouseover" in the CSS selector to adjust the padding so that the image moves up and fills the empty space. For more insight on adjusting padding, please see this tutorial: http://w3schools.com/css/css_padding.asp

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
Danny
Hi, I had a quick look at this and Catrina is spot on you should read all the articles on W3 schools website, as they are very helpful. However, the issue has nothing to do with padding as far as I can see. Try using the below custom CSS and see if this resolves the issue for you. [code]#text-2 .textwidget img {display: block;}[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
joe_steer
That worked Danny, many thanks both.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×