Padding for mobile and desktop for posts read more button

[123JH]

Hi there,

I am trying to move up the padding on my post. How do i move the “read more” text closer to the summary text above, and for mobile how do i add more padding or spacing in between each post. See example below:

[ruenel]

Hey Carolina,

Thanks for writing in!

To resolve your “Read More” spacing issue, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.ua-single-post  .entry-excerpt p{
    margin-bottom: 10px;
}

@media(max-width: 767px){
    .ua-single-post{
        margin-bottom: 3em;
    }
}

We would loved to know if this has work for you. Thank you.

[123JH]

Hi RueNel,

The code works when I put in the global CSS however when i publish it and clear my cache it does not…

This image shows it working in the edityingh view. but does not work when published. Any other ideas

[jade]

Hi there,

I tried to check your site and the code works fine:

Were you able to get it sorted?

[123JH]

It did not, if you notice my screenshot above the blue “read more” text is a lot closer to the text above, in your screenshot there is too much padding between the copy above and the read more text…See image below:

[rad]

Hi Carolina,

It appears to be coming from Ultimate Addons plugin, and the space are due to <p></p>. Setting marging or padding will not really going to work, I recommend contacting the plugin author for the fix.

The CSS you’re adding is also pointing to their plugin’s class names. For now, please add this CSS

.entry-excerpt p:last-child {
margin-bottom: 0px !important;
}

Thanks!