[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:) |
ATO>Style Images
|
Quote:
|
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?
|
Quote:
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? |
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; |
Quote:
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? |
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.
|
Quote:
there is no url — i am editing my site locally before uploading. how i do determine if the images are "floating"? thanks! |
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 |
Quote:
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. |
Try adding the following to ATO>Style Images>Images in posts
HTML Code:
margin: 50px !important; |
Quote:
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; ? |
Quote:
:) |
Quote:
|
Quote:
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; ? |
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 08:20 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.