Docs

[pdopchev]

Hi guys,

Trying to display the bottom and top x-colophon in a more stylish way, maybe have less padding between the top and bottom elements. Any ideas?

Thanks!

link:https://rompskis.com/

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> CSS :

footer div#x-section-7 {
    margin-bottom: 0;
    padding-bottom: 0;
}
.x-colophon.bottom {
    padding: 1% 0;
}

Hope that helps.

[pdopchev]

Hi, thanks for the help!

footer div#x-section-7 {
    margin-bottom: 0;
    padding-bottom: 0;
}

This only takes care of the padding on the front page. Is there a way to make it global for the widget area throughout the whole website?

[Thai]

Hi There,

Please also add the following CSS:

.cs-content .x-section:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

Hope it helps 🙂

[pdopchev]

Great, it works perfectly!

One more thing about the footer – trying to center the “Sign Up Here” button. Any ideas how to do that?

The code for the button was put in the widget and is:

<div style="align:center;" "class="x-btn-regular x-btn-block x-btn-x-large">
<a href="#my-content" class="product_lightbox x-btn" data-content="Launch form!" data-type="inline">Sign Up Here</a>
</div>
	
<div id="my-content" style="align:center; display: none; width: 600px;">
[x_subscribe form="1492"]
</div>

[lightbox selector=".product_lightbox"]

I did add “align:center” to the divs but it doesn’t seem to be working…

[Darshana]

Hi there,

Please correct align:center; as follows.

text-align:center;

Hope that helps.

[pdopchev]

It did the trick, thank you!

[Thai]

You’re most welcome 🙂

[Author]

Posts