Can’t get texts at the bottom of a picture, all appears next to it

  • Resolved renee_s

    (@renee_s)


    16 years, 7 months ago

    Searched through the forum, but couldn’t find a match to my problem.

    https://www.fashionfillers.com/

    I want texts to appear only at the bottom of every picture (not next to it). I thought there was a special code for this, to insert in a post or at my CSS.

    It also makes me have problems like this: https://www.fashionfillers.com/wordpress/wp-content/image13.jpg

    – The text “Hel Looks – Hoy Fashion (favorite)” needs to be at the bottom. First pictures, then text. Not the text next to the pictures.

    – The picture with date already appears in the post above, though it’s the date of “London Fashion Week Fall 2008 – Roksanda Ilincic. It’s not at the right place. I know I can help this when I make the pictures bigger, but I want to know how to change it in this way.

    – Because of the fact the date-picture isn’t next to the title, the text of the post also starts too high at the page.

    Can some one please help me with this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter renee_s

    (@renee_s)

    This is only what I mean by ‘text appearing next to the picture’:
    https://www.fashionfillers.com/wordpress/wp-content/image14.jpg

    looking at your css it seem like all images is set to float to the left.

    the below workaround will fix the “text appearing next to the picture”.

    find and remove the two css code in your theme style.css file
    1. on line 155

    #content p img{
	float: left;
	border: none;
	margin-right: 15px;
	margin-bottom: 10px;
	}

    2. on line 223

    #contentmiddle p img{
	float: left;
	border: none;
	margin-right: 16px;
	margin-bottom: 15px;
	}

    then add the following code somewhere in your style.css

    #contentmiddle p img{
 border: 0pt;
 margin: 0pt 16px 0pt 15px
}
    Thread Starter renee_s

    (@renee_s)

    Thank you, that was definitely a big help!

    That did made me get another (really small) problem though.

    I tried what you wrote:

    #contentmiddle p img{
    border: 0pt;
    margin: 0pt 16px 0pt 15px
    }

    And changed the 15px to 0px, because your code made the pictures move 15px to the right:

    #contentmiddle p img{
    border: 0pt;
    margin: 0pt 16px 0pt 0px
    }

    The problem is the 16px. When I post two pictures (see my newest post at https://www.fashionfillers.com/), I make them both 242px = 484 = 16px left in the middle (to get 500px).

    When I keep the 16px, the pictures now don’t appear next to each other. I had to make it 8px (maximum), so they are next to each other:

    #contentmiddle p img{
    border: 0pt;
    margin: 0pt 8px 0pt 0px
    }

    Though, that means the total width of picture to picture is now 492px (242+242+8), but it needs to be 500px.

    you can use inline-style for styling specific image.

    example:

    <img src="example.png" style="margin: 0pt 3px 0pt 0pt !important" alt="summer collection" height="200px" width="150px"/>

    Thread Starter renee_s

    (@renee_s)

    OK, so I can’t just change something in CSS to get this right?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can’t get texts at the bottom of a picture, all appears next to it’ is closed to new replies.

Tags