Docs

[draper3000]

Hi

Just a couple of bits of help required please.

Can you please let me know the CSS code to add 20px of padding to the left and right of the comment box on blog posts. (it’s right on the edge when viewed at mobile sizes).

Plus is it possible to add space between the blog post title text and the featured image, as it looks a bit bad being so close.

Here’s an example blog post showing the problem:

Mobile animation Studio

[Nabeel A]

Hi there,

Thanks for writing in!

1. Please add the following code in your Customizer via Appearance > Customize > Custom > Edit Global CSS:

.x-comments-area {
    margin: 3.5em 20px 0 !important;
}

2. Use this code to add some spacing between the featured image and title:

.entry-header {
    margin-bottom: 20px !important;
}

Don’t forget to clear your browser’s cache after adding the code. Let us know how this goes!

[draper3000]

Great worked a treat, many tnanks.

[Rad]

You’re so much welcome!

[Author]

Posts