How do I get the Soliloqy Slider in the centre of the header?

[LaunchPad777]

Hello there,

Building a client site using the Sample theme...

But have spent hours trying to find a solution to get the Soliloqy slider to be correctly positioned inthe centre of the Header Right widget.

Have used Firebug and tried a lot of different CSS code to try and move the slider but none have worked.

Please let me know what I am doing wrong here...

All your help is appreciated.

Best regards
Greg

http://www.bryanparkliquor.co.za

[Christoph]

You have the following inline css:

element {
    max-width: 950px;
    max-height: 330px;
    height: auto;
    background-image: none;
}

Could come from the soliloquy settings or the blackstudio tinymce 4 widget .

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[LaunchPad777]

Hi Christoph,

Okay not sure what you mean? Does that css need to be removed or should part of it be changed?

Regards

Greg

[LaunchPad777]

What should be changed to get the slider in the centre (horizontally)?

[LaunchPad777]

In Firebug this is the css that shows up the element details above:

<div id="soliloquy-container-79" class="soliloquy-container soliloquy-transition-fade soliloquy-theme-base" style="max-width: 950px; max-height: 330px; height: auto; background-image: none;">

background-image: none;
height: auto;
max-height: 330px;
max-width: 950px;

What needs to be changed or added/deleted?

[Christoph]

You have inline css on <div id="soliloquy-container-79"... that sets max-width: 950px;
The centering seems only to work when max-width: 100%;

I don´t know where this inline css is coming from. It could be from soliloquy or blackstudio.

If you want a quick fix, add the following to your css:

.soliloquy-container {
max-width: 100% !important;
}

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Author]

Posts