[Support request] Adjusting space between image and text in post

Home Forums Support [Support request] Adjusting space between image and text in post

Home Forums Support Adjusting space between image and text in post

Viewing 15 posts - 1 through 15 (of 19 total)
  • Author
    Posts
  • #527914
    Amit Nair

    I have many images in my posts. I see that there is absolutely no space between the image and text and the post looks very jam-packed.

    When I tried to insert blank space when editing the post, it doesn’t work.

    What is the way to increase the spacing?

    I have provided you temporary admin access. Please check the website URL text box.

    Once you are in, please check the post ‘8 aspects…..’.

    I have tried many ways but not able to get the results.

    GP Premium 1.6
    #528449
    Leo
    Staff
    Customer Support

    Hi there,

    Can you disable the coming soon page so I can see the problem?

    Let me know ๐Ÿ™‚

    #529970
    Amit Nair

    I have provided you temporary admin access. Please check the website URL text box.

    Once you are in, please check the post ‘8 aspects…..’.

    I have tried many ways but not able to get the results.

    #530154
    Leo
    Staff
    Customer Support

    I only see 3 posts on that page but no “8 aspects”?

    #530188
    Amit Nair

    Hello Leo,

    This post is saved as a draft and not published yet.

    Please go into all Posts in the dashboard and check the preview mode.

    Thanks

    #530522
    Leo
    Staff
    Customer Support

    Try wrapping the content you want space below in <p> tag like you are already going for this:
    2018-03-25_1835.png

    Then it should give you the space you want. You can do the same with the images as well if you want space below them.

    Let me know if this helps.

    #530668
    Amit Nair

    Thanks Leo. Not sure if I understand your suggestions. Please elaborate.

    Maybe you could make a small change and send me the screenshots to follow.

    #531232
    Leo
    Staff
    Customer Support

    Looks like you’ve tried a different way?

    That should work as well. However I’d try this CSS instead of the one you are using:

    .single .site-main img {
        padding: 20px 0px;
    }
    #532039
    Amit Nair

    Hi Leo,

    Thanks for your response. It did seem to make a difference but not that much.

    I used the code that you gave and even changed it to 100px to see the difference. But it is not working. 100px should give a considerable difference right?

    .site-content img {
    padding: 100px 0px;
    }

    I am using the plugin called Simple Custom CSS to change it. Is there a different place where I should put this instead?

    #532051
    Amit Nair

    I tried putting the code in the ‘Additional CSS’ area in the GP theme.

    It works but there are issues.

    It changes this padding globally. E.g. it changes this for the images in the recent posts container as well and the results are not pretty.

    I want a way in which only the images in a blog post can be adjusted for this padding.

    Kindly help.

    #532639
    Leo
    Staff
    Customer Support
    #550683
    Amit Nair

    Hi Leo,

    I have been trying to add top padding and bottom padding but it doesn’t work. I believe the below would add padding on all 4 sides. Please help.

    .single .site-main img {
    padding: 40px 40px 40px 40px;
    }

    #550923
    Leo
    Staff
    Customer Support

    Hey I’m unable to see the site again.

    Did the temp access ended?

    #551037
    Amit Nair

    Hi leo,

    I have updated the link.

    Also, I had another question: How will the new version of GeneratePress impact my site? I mean what is the migration process.

    #551205
    Leo
    Staff
    Customer Support

    Hmm I’m seeing you code being applied no problem: https://s7.postimg.cc/9xq2s3byj/40padding.png

    No migration process should be needed to update ๐Ÿ™‚

Viewing 15 posts - 1 through 15 (of 19 total)
  • You must be logged in to reply to this topic.