[spiParticipant]

Hello,

As you can see on my webiste. I have a slider revolution under the “What We Do” section and you’ll see the grey unused space under the slider. I’d like to remove this space please. How to do that?

Thanks

[spiParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please change the height of your slider from 600px to 360px.

Then let us know how it goes!

[spiParticipant]

Hi

I tried 360, it reduced the grey bottom grey space but it wasn’t enough to remove it. I kept reducing the height until I made it 320, if you open the website you’ll notice that there is still a small space between the bottom of the slider section and the next red section. Howe to remove this space? I tried reducing the height more but it started eating up part of the slider so probably it’s a theme related thing now, isn’t it?

Also, how to reduce the space above the “About us” section on my website?

Thanks!

[NicoModerator]

Hi There,

For the space below the what we do section, You could remove the section padding so that the space below with grey background will be remove. To remove the padding, you could adjust the section in your cornerstone then remove the default padding below.

Not sure which part is your about us section. Would you mind sharing us a screenshot of it. Usually, you could remove the padding or the margin of the section so that the space above will be reduced.

hope it helps.

Let us know how it goes.

Happy new year 🙂

[spiParticipant]

Hey,

Yea finally it worked!

Something else that might be related to this issue but I wasn’t able to fix it. You see the section with red background on the home page? there is a youtube video on the right, I want this video to occupy the whole column not just a square within it. I tried to tweak the padding settings but it didn’t work. I want it to look just like the video in the middle of the page in your Church demo: http://demo.theme.co/church/

Thanks and Happy New Year! 🙂

[Nabeel AModerator]

Hi again,

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

.home #x-section-2 {
    padding: 0 !important;
}
.home #x-section-2 .x-video {
    margin-bottom: 0 !important;
    padding: 0 !important;
    border: none !important;
}

Let us know how this goes!

[spiParticipant]

Hey,

I did. Now the video occupy the the whole space except some space on the right. How to remove this red space to the right of the video?

Take a look at my website and you’ll see how there’s still some space to be removed.

Thanks!

[ChristopherModerator]

Hi there,

Please enable ‘Marginless columns’ option for this row.

Hope it helps.

[spiParticipant]

Worked! 🙂

one more question related to this issue. Take a look at the section that has “X Cards” I removed the padding and the margins for that section however as you can see there is still a grey space under the cards. How can I remove that grey space to make the cards occupy the whole section/columns?

Thanks:)

[Paul RModerator]

Hi,

You can add this under Custom > Edit Global CSS in the Customizer.

.home #x-section-4 .x-card-outer {
    margin:0;
}

.home #x-section-4 .x-card-outer.flip-3d .x-card-inner {
    min-height: 398px;
}

Hope that helps

[spiParticipant]

It worked. I had to make the min-height: 410; though.

Super Thanks 🙂 🙂 🙂

[ThaiModerator]

If you need anything else please let us know.

[Author]

Posts