Global Block Modal Toggle Text Not Centred

[whitemedia]

Hi,

I have a Global Block whose shortcode has been used in a Slider Revolution slider. The toggle text is set to be centred. However, on the public view the text is left aligned. Inspecting the element I can see that “element.style” is left aligning the text and overriding the Global Block’s element’s styling.

I cannot seem to find where the override is coming from. I hope you may be able to help!

Additionally, the homepage slider does not appear on iPad. Are you able to see why?

Thanks,
Christopher

[marc_a]

Hi White,

Thanks for reaching out!

It seems that the Slider Revolution is the culprit why the text is aligning to the left. To fix your issue, we need to override the inline CSS code. To do that, please go to your Global block and go the custom then add the code below in Element CSS.

$el .x-anchor-text-secondary {
  text-align: center !important;
}

That code will center the text. I just check your website on iPad using the Google Tool and the Slider Revolution is just showing properly. I suggest that you clear any 3rd party cache associated with your website and also clear your iPad browser cache.

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[whitemedia]

Thank you for the solution @marc_a. Works perfectly!

[tristup]

Hi White,

Glad that we are able to help you.

Thanks