Pictures separation in Blog

  • Posted in : Photographer
  • bentham403
    Participant

    Hi there, I’ve been trying to make equal the space between the picture set up as featured and all the rest pictures but I couldn’t. Apparently when you use the tag “!–more–” you always have this problem.
    Here is my blog: http://ajramirez.com/seoul/
    As you can see, the space between the first and the second pictures is slightly bigger than the others.
    Thanks in advance.

    ahmetsali
    Keymaster

    Hi, try this custom css code;

    img.aligncenter:first-of-type {
        margin-top: 0;
    }
    
    bentham403
    Participant

    Fixed, thank you very much.

    ahmetsali
    Keymaster

    you’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

    bentham403
    Participant

    Hi there, I just updated the theme and I got the same issue. I attempted to remove the css code but it didn’t work either. I guess something in the new style is messing with the certain space. Thanks in advance.

    ahmetsali
    Keymaster

    Hi again, it should work, also you can try this update code for equal space;

    img.aligncenter:first-of-type {
        margin-top: 1em;
    }
    
    bentham403
    Participant

    If I remove the code I’m not able to get the space between pics smaller even though I have them without any space in my post. Is there any way to make them closer or even together? Thank you.

    serkan
    Moderator

    Hi @bentham403;
    Could you please provide the related page url?
    Thanks

    bentham403
    Participant

    This one, http://ajramirez.com/seoul/
    I’ve tried with css but nothing happened.
    Thank you.

    serkan
    Moderator

    Hi @bentham403;
    You can use this custom css code and delete the code above;

    img.aligncenter { margin: 0 auto; }

    Thanks

    bentham403
    Participant

    Should I remove the other code that you mentioned above, right? Thank you.

    serkan
    Moderator

    I mean this code;

    img.aligncenter:first-of-type {
        margin-top: 1em;
    }

    Thank you.

    bentham403
    Participant

    The last code didn’t work, it left the pictures as they were before, thank you.

    serkan
    Moderator

    i said remove that code:)

    bentham403
    Participant

    Yes I did it but there should be something wrong with my site, that’s why I created this topic as you can see the first picture has an slightly different separation between the second one than to the rest. I think its because the first picture is the featured image and it should have different margins. Thank you.

    serkan
    Moderator

    Hi @bentham403;
    Can you use this custom css code;
    .single-post .featured-image { margin-bottom: 0; }
    Thanks

Viewing 16 posts - 1 through 16 (of 16 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register