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] increase text padding around image (http://forum.bytesforall.com/showthread.php?t=8574)

muqmuq Jul 28, 2010 07:47 AM

[SOLVED] increase text padding around image
 
hi — quick question...

how/where do i increase the text padding around images? i don't mean the colored margin around the image, but the blank/white space between the colored margin and the text.

tia:)

lmilesw Jul 28, 2010 07:58 AM

ATO>Style Images

muqmuq Jul 28, 2010 08:08 AM

Quote:

Originally Posted by lmilesw (Post 38533)
ATO>Style Images

thanks — i have been tinkering there but changes to "padding: Xpx;" seem to increase the width of the grey margin around the image... i wish to increase the clear "buffer" between the grey margin and the text itself...

lmilesw Jul 28, 2010 08:26 AM

I'm not sure what you are referring to when you say clear buffer. Can you please post a url? Have you tried changing the CSS in the Caption Text: Style box?

muqmuq Jul 28, 2010 08:30 AM

Quote:

Originally Posted by lmilesw (Post 38538)
I'm not sure what you are referring to when you say clear buffer. Can you please post a url? Have you tried changing the CSS in the Caption Text: Style box?

thanks again

i mean the blank white space between the image+image grey margin and the text in a post... at present it is about 5 or 6 px, and i want to double that, but i can't find the place to do it. maybe i mean padding around text in a post?

lmilesw Jul 28, 2010 08:45 AM

Try adding !important on the margin as shown below to the Caption Style image box which would give the top and right margin a 20 px setting and the bottom and left 0.
HTML Code:

margin: 10px 20px 0 0 !important;

muqmuq Jul 28, 2010 08:55 AM

Quote:

Originally Posted by lmilesw (Post 38540)
Try adding !important on the margin as shown below to the Caption Style image box which would give the top and right margin a 20 px setting and the bottom and left 0.
HTML Code:

margin: 10px 20px 0 0 !important;

Unfortunately this has no effect. I added the suugested text to the "Images in Posts: Caption Style" box in ATO.

I had some success in the advanced settings of the "edit image" box in wordpress. here, I added quantities to the image properties vertical and horizontal space, to get "margin-top: 50px; margin-bottom: 50px; margin-left: 50px; margin-right: 50px;"

is it possible to get this change via the ATO?

lmilesw Jul 28, 2010 09:53 AM

Are the images in question floated? If not then you would need to change the code I gave you to reflect a bottom margin. If they are floated right then you would need to change the left margin. Could you please post a url? This hard to do by guessing.

muqmuq Jul 29, 2010 03:52 AM

Quote:

Originally Posted by lmilesw (Post 38555)
Are the images in question floated? If not then you would need to change the code I gave you to reflect a bottom margin. If they are floated right then you would need to change the left margin. Could you please post a url? This hard to do by guessing.

hi — thanks so much for your patience.

there is no url — i am editing my site locally before uploading.

how i do determine if the images are "floating"?

thanks!

juggledad Jul 29, 2010 05:04 AM

Let me jump in and ask a question. Do you have something like

XXXXXXXXXXXXXX
image
image
image
XXXXXXXXXXXXXX
XXXXXXXXXXXXXX

but want it like this
XXXXXXXXXXXXXX

image
image
image

XXXXXXXXXXXXXX
XXXXXXXXXXXXXX

muqmuq Jul 29, 2010 05:42 AM

Quote:

Originally Posted by juggledad (Post 38654)
Let me jump in and ask a question. Do you have something like

XXXXXXXXXXXXXX
image
image
image
XXXXXXXXXXXXXX
XXXXXXXXXXXXXX

but want it like this
XXXXXXXXXXXXXX

image
image
image

XXXXXXXXXXXXXX
XXXXXXXXXXXXXX


Yes, that's it exactly — including a similar displacement of text which might occur to the right and /or left of your three "image" words above.

As mentioned, I have (I think?!) solved this by going to the "advanced settings" of the "edit image" box in wordpress, when editing a page. here, I added quantities to the image properties vertical and horizontal space, to get "margin-top: 50px; margin-bottom: 50px; margin-left: 50px; margin-right: 50px;"

I was just wondering if there might be a more straightforward way to do this in the ATO interface.

Sorry if my responses to your suggestions are a little out of sync... I am on the other side of the planet and while you are awake I am possibly asleep, and when I am awake you are possibly asleep.

lmilesw Jul 29, 2010 06:31 AM

Try adding the following to ATO>Style Images>Images in posts
HTML Code:

margin: 50px !important;

muqmuq Jul 29, 2010 06:51 AM

Quote:

Originally Posted by lmilesw (Post 38663)
Try adding the following to ATO>Style Images>Images in posts
HTML Code:

margin: 50px !important;

Great! Yes! That works.

Sorry if I misunderstood your post yesterday.

So, how would I make different sized margins in this context, say 30px at the top and bottom, and 50px left and right?

Would that be

margin: 30px 50px 30px 50px !important;

?

muqmuq Jul 29, 2010 06:53 AM

Quote:

Originally Posted by lmilesw (Post 38663)
Try adding the following to ATO>Style Images>Images in posts
HTML Code:

margin: 50px !important;

And I'd also like to make a donation now. I am really enjoying this theme and the promptness of your support.


:)

lmilesw Jul 29, 2010 07:04 AM

Quote:

Originally Posted by muqmuq (Post 38666)
And I'd also like to make a donation now. I am really enjoying this theme and the promptness of your support.


:)

I'm not sure if that was a question but if it was all you need to do is use the Click Here To DONATE link at the top of the forum. Thanks.

muqmuq Jul 29, 2010 07:18 AM

Quote:

Originally Posted by lmilesw (Post 38667)
I'm not sure if that was a question but if it was all you need to do is use the Click Here To DONATE link at the top of the forum. Thanks.

I just made three donations, to you, juggledad and also the site generally.

My last question for this evening: how would I make different sized margins in this context, say 30px at the top and bottom, and 50px left and right?

Would that be

margin: 30px 50px 30px 50px !important;

?

lmilesw Jul 29, 2010 07:21 AM

That's correct or you could just use the following. If you only use two sizes the first is for top and bottom and the second is for left and right.
HTML Code:

margin: 30px 50px !important;


All times are GMT -6. The time now is 05:11 PM.

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