Forums

[resolved] How to modify how my theme displays images in posts (3 posts)

  1. cheftom
    Member
    Posted 2 years ago #

    My site can be found here:
    http://www.cheftomcooks.com

    My theme is called vividweb

    When I post an image in my blog posts, it doesn't matter if I select an alignment of LEFT, RIGHT, or CENTER... It always displays aligned left. And the text doesn't wrap around it.

    How can I fix this. I am sure in the css file, but I'm not exactly sure what to do.

  2. alchymyth
    The Sweeper
    Posted 2 years ago #

    seems that the style for the aligns are missing from the style.css:

    these are the copies from the default theme - just add them at the end of style.css:

    /*	Using 'class="alignright"' on an image will (who would've
    	thought?!) align the image to the right. And using 'class="centered',
    	will of course center the image. This is much better than using
    	align="center", being much more futureproof (and valid) */
    
    img.centered {
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    	}
    
    img.alignright {
    	padding: 4px;
    	margin: 0 0 2px 7px;
    	display: inline;
    	}
    
    img.alignleft {
    	padding: 4px;
    	margin: 0 7px 2px 0;
    	display: inline;
    	}
    
    .alignright {
    	float: right;
    	}
    
    .alignleft {
    	float: left;
    	}
    /* End Images */
  3. cheftom
    Member
    Posted 2 years ago #

    That worked! Thanks a lot. :-)

Topic Closed

This topic has been closed to new replies.

About this Topic