How to force a short code to appear centered?

museandmouse · April 2015

I am using a column (1/1) in Muffin Builder and want to display a banner slider via short code (meteor slide). When I insert the short code and set the text aligned to be centered the slider does not appear centered. How can I force it to be centered?

Albert · April 2015

Please send us url to page where you want to do this with more details and we'll have a look on it.

museandmouse · April 2015

That's difficult, the site is live under a different theme which I intend to swap for BeTheme. In order for you to see it, I would have to give you an admin account, you'd have to turn on maintenance, switch the theme, set a different home page and then view it.

Isn't there some code I can just wrap around the short code that should ensure that the shart code content is centered? Something like <p style="text-align:centered !important;"> or something like that?

The other option would be that I have to re-build the sliders for use in Revolution slider which is just a bit more footwork.

Albert · April 2015

Please take a look at http://forum.muffingroup.com/betheme/discussion/4973/header-height#latest

museandmouse · April 2015

Now you can see it here: http://blog.angisullins.com/
scroll down to the sliders on the red image background.
They are in there via short code, but even though the text is set to be centered in this column, it does not center the slider.

Albert · April 2015

Ok, we see what happen. But please send us access to the dashboard where you got this section and we'll have a look on it ourselves.

museandmouse · April 2015

i sent you a message with a temporary login.

museandmouse · April 2015

Oh sorry, I just noticed this morning that the user wasn't created successfully... Now it should work!

Albert · May 2015

We already did it for you. In this case, below css works:

#meteor-slideshowquotes { margin: 0 auto; }

How to force a short code to appear centered?

Comments