Image border in Infinity Remix Theme « Tips and Tricks HQ Forum

Image border in Infinity Remix Theme

(2 posts) (2 voices)

Tags:

No tags yet.

BizOfLife
Member

I have noticed that images I upload in the Infinity Remix theme have a light grey border that is placed around my images. For images with a white background where I'm seeking to blend with the page background, it makes the images appear slightly clumsy.

Is there an elegant way to adjust the CSS so that the images have no natural border unless one is specified in the image properties?

I'm transitioning from a very heavy theme with many options / widgets to the lighter Infinity Remix theme. This means that I am going through the learning curve of figuring out how to adjust the theme by changing the code.

Many Thanks ...

Posted 6 months ago #
Peter
Moderator

Hi,
In your theme's style.css file you will have entries which refer to the styling of your images.

For example you might have something which goes like:

.post img, .post a img, #front-list img, #archive img {
border: 1px solid #CCCCCC;
margin: 0 10px 5px 0;
padding: 2px;
}

To remove the border around the images styled by the above code you simply delete the line:

"border: 1px solid #CCCCCC;"

To find the exact image elements you wish to change I recommend using firebug or the equivalent Chrome version. See the following post if you're not familiar with firebug:
http://www.tipsandtricks-hq.com/css-bugging-you-fire-those-bugs-3299

Before you make any changes I also highly recommend you save the original file somewhere just in case anything goes wrong.

Posted 6 months ago #

You must log in to post.