[Support request] Centre soliloquy slider

[Richard]

Can anyone tell me how I get the soliloquy slider to be centered?

Using Gutenberg. At the moment I have a short code in a paragraph block set on centered but it is always comes out as left justified.

Thanks

[David]

Hi there,

you could try this CSS:

.soliloquy-container {
    margin-left: auto !important; 
    margin-right: auto !important;
}

As another note there is a Short Code block that you should use for adding shortcodes 🙂

[Richard]

Hi David. Thank you. I am very new to all this. Could you explain exactly how/where I add this? Thanks.

[David]

This article explains the methods for adding CSS:

https://docs.generatepress.com/article/adding-css/

[Richard]

Thank you. I have installed Simple CSS and added the code you suggested but it doesn’t seem to make any difference.

[David]

Odd i can’t see the CSS on the page. Just to confirm you added the CSS via Customizer > Simple CSS?

[Richard]

Hi.

I have done Appearance/Simple CSS added this code:

.soliloquy-container {
margin-left: auto;
margin-right: auto;
}

then pressed Save CSS

When I go via Appearance/Customize/Simple CSS I see the code and it syas published.

I hope that helps.

[David]

Thats odd – not seeing the CSS there.
Can you remove it from the Simple CSS and place it in the Customizer > Additional CSS.

[Richard]

OK I have done that but it’s still the same?

I only have soliloquy lite – is that relevant?

[David]

I edited the CSS here give that a shot

[Richard]

Success!

And this works on all pages.

Thank you David.

[David]

You’re welcome

[Author]

Posts