Section Padding

Support
#1

So, I can’t figure out why there is extra padding on a section I’m working on and need you guys help again.

Can you help me remove the extra white space?

I want both sections to NOT have any padding on the top, bottom, left, right. I’ve tried using CSS to remove the padding and nothing worked.

I also would like to know where the responsive text settings are now in cornerstone. My intro text is cut off on mobile devices but I can’t find the settings to fix this.

Thanks in advance.

#2

Hi there,

It is because of the default bottom margin of the <p> tag that wraps the images. You could either place the image in an image element instead of adding them in a text element or you may ass this code to the Global CSS:

.img2 p {
    margin-bottom: 0;
}

Here are some related links for further reading:

Hope this helps.

#3

Thank you.

I had to put the image in HTML form because for some reason the image ALT text was not being acknowledged by Goolge bots. It was told that “images on page don’t not contain alt text” event though they do. And html was the solution I found on another thread. Apparently there is an issue with your theme.

You didn’t answer my second question.

Since cornerstone has updated I can’t find the setting where I can make the text responsive. Can you tell me where it was moved to?

#4

Hi there.

Please see the screenshot below:

Hope this helps.

#5

Thank you. I’m still having a padding issue. Please see the image attached.

How can I remove this? It’s only appears in desktop view.

.

#6

Hi there,

This is not a padding issue. This is because the image size if smaller that the content area and the image will usually display to to their maximum width.

To solve that, you may add this code in the Global CSS:

.img2 img {
    width: 100%;
}

Hope this helps.

#7

Perfect.

Thank you!

#8

You’re most welcome!

#9

So, I’m having the same issue with an image on my home page.

I’ve tried using

.img2 img {
    width: 100%;
}

To fix the extra spacing. Can you please advise? I would like to remove that spacing below the image.

Thanks again!

#10

Hi there,

That is because the content on the left column is longer than the image’s height when it fills the entire with of column 2.

Try to lessen the top margin of the headline in the left column by adding this to the style field of the Classic Custom Headline element: margin-top: 15px

Hope this helps.

#11

Ahh. Problem solved. Thanks again. :slight_smile:

#12

You’re welcome!
Thanks for letting us know that it has worked for you.

#13

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.