Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Center area post/pages »

[SOLVED] Can't get margin to work properly with post image


  #1  
Old Feb 8, 2011, 10:25 PM
ItalDave
 
4 posts · Feb 2011
Hi everybody,
I'm building a blog and currently working on a static page.
I putted an image as a first element of the post, it's aligned to the left and has a correct padding with round corners.
The problem is that even if I go to
ATO/Various content items/Style/Images in Posts
and I add "margin: 5px 5px 5px 5px;" nothing would happen.

The result being that I have the dots of a bulleted list overlapping the image in question.
This is the page where you can see the effect.

What can I do about?
Thanks in advance

Dave
  #2  
Old Feb 8, 2011, 10:32 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Sometimes you have to go into the advanced tab of the image itself and add margin but precisely where did you try to add the margin? Also if you are using the same margin on all four sides you only have to use the measurement once like margin: 5px;
__________________
~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 Feb 9, 2011, 09:55 AM
ItalDave
 
4 posts · Feb 2011
Hi Larry and thanks for the reply. I added margin into the box "Images in posts" that I found following the path ATO/Various content items/Style.
And I tried to set the margins either using the measurement once as you suggested in your post or the way I wrote in mine or setting all the parameter separately as in
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
margin-right: 5px;

I also tried to add "margin: 5px;" directly into the advanced tab of the image itself, within the "Styles" field but nothing happened. I'm really curious to understand why! Dots are still overlapping the image (at least using Chrome as browser)
  #4  
Old Feb 9, 2011, 10:16 AM
runnerb0y
 
67 posts · Nov 2010
When I play around with your site and specifically the image and it's margin, I found that just increasing the right margin a bit more, provides some relief between the image (and frame) and the bullets.

Try using "margin-right: 20px;" and see what that gives you. I think that's what you're looking for.
  #5  
Old Feb 9, 2011, 10:20 AM
ItalDave
 
4 posts · Feb 2011
Thanks Runnerboy!
Yes, you're right! Probably it was just too less the margin I was adding! It was so simple....
Thank you a lot!
  #6  
Old Feb 9, 2011, 12:58 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Also lists act differently when they are floated like this. I your case you could add the following to ATO>Add HTML/CSS Inserts>CSS Inserts to move the dots in but remember this may affect other lists that aren't floated.
HTML Code:
.post-bodycopy li {
    list-style-position: inside;
}
__________________
~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
[SOLVED] post-specific header image w/ css insert (page-specific ones work, but not o viewdesigninc Header configuration & styling 10 Oct 1, 2012 04:43 PM
NextGen Gallery Thickbox won't work properly on home page bplazar Plugins & Atahualpa 8 Jun 30, 2010 11:50 AM
changing margin on sticky post creativeliza Post-Kicker, -Byline & -Footer 1 Sep 28, 2009 03:32 PM


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


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