Image borders

  • Resolved Robert

    (@robbieb1953)


    12 years, 10 months ago

    I am trying to use this code

    <style><!--
.wp-image-433 {
margin-left: 0px;
}
--></style>

    to eliminate the space between images on this post:
    http://bit.ly/1cpaa3p
    but I don’t know exactly where to place it without affecting other formatting issues.

    Also, I am having difficulty reducing the space between the images here and the text entry below the images.

Viewing 10 replies - 1 through 10 (of 10 total)
  • WPyogi

    (@wpyogi)

    12 years, 10 months ago

    You need to put CSS in an external stylesheet – which does not require those style tags. So in this case, it goes in the child theme style.css file – just this

    .wp-image-433 {
margin-left: 0px;
}

    But I’m not sure if that code will do what you want – what page and what images are you trying to change?

    Thread Starter Robert

    (@robbieb1953)

    12 years, 10 months ago

    Thanks, WPyogi. It’s the “Fitness” page and the images 612 & 613.

    I want them flush together with less space between the images and the text below

    Thread Starter Robert

    (@robbieb1953)

    12 years, 10 months ago

    It’s the images (612 & 613) in this post:
    http://bit.ly/1cpaa3p

    Thread Starter Robert

    (@robbieb1953)

    12 years, 10 months ago

    WPyogi, the code worked to join the images, but I still can’t remove the space between the images and the text below…

    WPyogi

    (@wpyogi)

    12 years, 10 months ago

    There’s inline CSS with margins on those – do you know where that’s from?

    <img class="alignnone size-medium wp-image-613" width="300" height="193" src="http://howdoigetbetter.com/wp-content/uploads/2013/07/Swimmers-Ryan-Jerz-300x193.jpg" alt="Swimmers Ryan Jerz" style="margin-top: 36px; margin-bottom: 36px;">
    WPyogi

    (@wpyogi)

    12 years, 10 months ago

    Or try:

    .post-611 img {
   margin-bottom: 0 !important;
}

    Thread Starter Robert

    (@robbieb1953)

    12 years, 10 months ago

    I added the inline margins when I inserted image 613, in order to line it up the way I wanted with image 612. The problem is that in the imgage settings (advanced) page there is no option for a border only on the top (to move the image down), it appears to put margins at the top and bottom. I just wanted it to be 36px from the top…

    So i need to either have a border on the top of the image only or a way to override the border that gets added to the bottom…

    Thread Starter Robert

    (@robbieb1953)

    12 years, 10 months ago

    WPyogi, the code worked! It looks good now.

    Rescued by WPyogi again!

    Thread Starter Robert

    (@robbieb1953)

    12 years, 10 months ago

    Thanks!

    WPyogi

    (@wpyogi)

    12 years, 10 months ago

    LOL – you’re welcome!

Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Image borders’ is closed to new replies.