Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Atahualpa 3 Wordpress theme (http://forum.bytesforall.com/forumdisplay.php?f=2)
-   -   [SOLVED] How do I remove the white on the left and right sides of an image? (http://forum.bytesforall.com/showthread.php?t=22997)

Vanessa_S Jan 8, 2015 11:52 AM

[SOLVED] How do I remove the white on the left and right sides of an image?
 
It looks like padding. But when I float my cursor over the left and right of an image it's part of the image. I have searched for a long time (multiple times over the years I've used Atahualpa) and have not found a solution.

How do I remove this "padding" of sorts?

http://www.loadedkiln.com/

http://www.loadedkiln.com/images/sidebar/example.jpg

lmilesw Jan 8, 2015 01:06 PM

Some CSS like this might work.
HTML Code:

.post img.size-full {
    width: 100% !important;
    max-width: 100% !important;
}


Vanessa_S Jan 8, 2015 02:43 PM

That almost worked! It fixed most of the images, but any images on the page that were not that wide grew to be too big. Thank you though!

Vanessa_S Jan 8, 2015 02:50 PM

Perhaps if I could make the text indent a bit and not the images? To line up with the image? Either way I would be pleased.

juggledad Jan 8, 2015 04:51 PM

Your layout is defined as 1000px
your left sidebar is 208px
1000px - 208px = 792px

Your image is defined as width 722px center aligned

792px - 722px = 70px

half of that is 35px which is why you see the margins

Vanessa_S Jan 8, 2015 06:59 PM

I was hopeful but I set the width to be 930 and 900, and it is still happening. Hmm...

juggledad Jan 9, 2015 03:10 AM

add the following to your CSS Inserts option
HTML Code:

.post img.size-full {
        max-width: 100% !important;
}


Vanessa_S Jan 9, 2015 08:22 AM

That did it, thanks!


All times are GMT -6. The time now is 09:06 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.