Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

[SOLVED] increase text padding around image


  #1  
Old Jul 28, 2010, 07: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, 07:58 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 08: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, 08:26 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 08: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, 08:45 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 08: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, 09:53 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 03: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, 05:04 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
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, 05: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, 06:31 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 06: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, 06: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, 07:04 AM
lmilesw's Avatar
lmilesw
 
10,176 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, 07: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, 07:21 AM
lmilesw's Avatar
lmilesw
 
10,176 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 07:47 AM
My images and text overlap - unsure if it's padding, borders, etc. jarkthesaint Header configuration & styling 0 Dec 29, 2009 07:58 AM
[SOLVED] How do I remove the padding between my logo and header image Ninak Header configuration & styling 2 Dec 29, 2009 04:35 AM
Changing the links default title text to an image jpg of text veenublue Sidebars & Widgets 2 Jun 5, 2009 06:05 AM
How do I add spacing (padding?) between the horizontal bars and header image? ftkeeper Header configuration & styling 0 May 16, 2009 11:41 PM


All times are GMT -6. The time now is 02:04 AM.


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