Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme »

[SOLVED] increase text padding around image


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jul 28, 2010, 08:47 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
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
  #2  
Old Jul 28, 2010, 08:58 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
ATO>Style Images
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Jul 28, 2010, 09:08 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by lmilesw
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...
  #4  
Old Jul 28, 2010, 09:26 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
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?
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #5  
Old Jul 28, 2010, 09:30 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by lmilesw
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?
  #6  
Old Jul 28, 2010, 09:45 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
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;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #7  
Old Jul 28, 2010, 09:55 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by lmilesw
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?
  #8  
Old Jul 28, 2010, 10:53 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Jul 29, 2010, 04:52 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by lmilesw
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!
  #10  
Old Jul 29, 2010, 06:04 AM
juggledad's Avatar
juggledad
 
22,370 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Jul 29, 2010, 06:42 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by juggledad
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.
  #12  
Old Jul 29, 2010, 07:31 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
Try adding the following to ATO>Style Images>Images in posts
HTML Code:
margin: 50px !important;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #13  
Old Jul 29, 2010, 07:51 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by lmilesw
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;

?
  #14  
Old Jul 29, 2010, 07:53 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by lmilesw
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.


  #15  
Old Jul 29, 2010, 08:04 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
Quote:
Originally Posted by muqmuq
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #16  
Old Jul 29, 2010, 08:18 AM
muqmuq
 
18 posts · Jul 2010
sydney australia
Quote:
Originally Posted by lmilesw
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;

?
  #17  
Old Jul 29, 2010, 08:21 AM
lmilesw's Avatar
lmilesw
 
10,111 posts · Jul 2009
Central New York State USA
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;
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How can I remove the padding from the header image area jasmin Header configuration & styling 8 Jan 15, 2010 08:47 AM
My images and text overlap - unsure if it's padding, borders, etc. jarkthesaint Header configuration & styling 0 Dec 29, 2009 08:58 AM
[SOLVED] How do I remove the padding between my logo and header image Ninak Header configuration & styling 2 Dec 29, 2009 05:35 AM
Changing the links default title text to an image jpg of text veenublue Sidebars & Widgets 2 Jun 5, 2009 07:05 AM
How do I add spacing (padding?) between the horizontal bars and header image? ftkeeper Header configuration & styling 0 May 17, 2009 12:41 AM


All times are GMT -6. The time now is 03:38 PM.


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