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 »

[SOLVED] Removing margin from top of images


  #1  
Old Nov 13, 2009, 12:25 PM
maija
 
4 posts · Nov 2009
This isn't a question, but something that I just solved myself. But I did spend a lot of time trying things in the ATO and searching for an answer here first, and maybe someone else has the same question.

The issue is the margin at the top of images. I align all of my images with the first line of a paragraph. The image was hanging at the middle of the first line of text instead of being flush with the top of the line. It looked really ugly in multi-post pages with short excerpts. Nothing I did to the ATO "Style IMAGES" options had an effect. I found the relevant css in css.php, copied it, pasted it to "Add HTML/CSS Inserts" and changed the top margin values.

Code:
/*image margins*/

.post img.alignleft {
	float: left; 
	margin: 0px 10px 5px 0; 
	}
	
.post img.alignright {
	float: right; 
	margin: 0px 0 5px 10px; 
	}

.post img.aligncenter {
	display: block;
	margin: 0px auto;
	}

.aligncenter, 
div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
	}

.alignleft, 
div.alignleft {
	float: left;
	margin: 0px 10px 5px 0;
	}

.alignright, 
div.alignright {
   	float: right;
   	margin: 0px 0 5px 10px;
	}
  #2  
Old Oct 14, 2011, 09:45 AM
mimi's Avatar
mimi
 
70 posts · Feb 2009
over there...
Thanks so much, this drove me crazy lately.
  #3  
Old Oct 8, 2012, 12:15 AM
tbaxter
 
92 posts · May 2012
Germantown, MD
THANK YOU THANK YOU THANK YOU!

I have two sites I'm working on and this is driving me crazy too!

Though I see the need for top margins on images placed in a para as opposed to the first line. I'm thinking of making the 1st line image a style to apply to the pics in that spot.

Bookmarks

Tags
images and text wrap, margin

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Removing Page title from top of page - using 3.4.1 Loungefly Post-Kicker, -Byline & -Footer 7 Dec 24, 2009 06:47 AM
[SOLVED] Removing Post Footers on Homepage except top post Larry Post-Kicker, -Byline & -Footer 2 Oct 5, 2009 07:14 AM
[SOLVED] Help with background images in top menu Poet Page & Category Menu Bars 0 Sep 14, 2009 12:18 AM
[SOLVED] Problems with Category tree in left margin CreativePartyLady Page & Category Menu Bars 4 Jul 14, 2009 11:38 PM
[SOLVED] Where is the padding/margin coming from? Shepherd Jim Post-Kicker, -Byline & -Footer 1 Mar 23, 2009 10:31 AM


All times are GMT -6. The time now is 10:08 PM.


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