[Frank19Participant]

Is there a way to center align a button on the page using the visual composer?

[Frank19Participant]

Actually, I have the same question for images as well. Neither seems to have an option to center align them on the page.

[Paul RModerator]

Hi Frank,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL as stated on the forum entrance page. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

If you could also specify which images and buttons you like to center that would be great.

Thanks

[Frank19Participant]

Here is the link to the page I’m having issues with:

http://golficity.com/fantasy-landing-page-test/

I want to center the button just below the video that says “Become a Premium Member – Sign Up Now”

I also want to center the image further down the page that says “30 Day Guarantee”

The button is in it’s own row and just needs to be centered in the page. The image is in a 1/2 – 1/2 row and needs to be centered in it’s column.

Thanks!

[ZeshanMember]

Hi Frank,

Thanks for writing in!

Please review this thread: https://theme.co/x/member/forums/topic/shortcodes-updates/#post-112880

Cheers!

[Frank19Participant]

I checked that topic and I’m terribly sorry but this is a bit beyond my experience level. I tried copy and pasting the “aligncenter” class into the button class field but it doesn’t seem to work.

Would you mind just telling me exactly what (and where) I need to put the class in order to center align buttons and images?

Thank you.

[ChristianModerator]

Hey Frank,

Please add the code below in your Appearance > Customize > Custom > CSS.

.x-btn-circle-wrap {
    text-align: center;
    display: block;
}

Hope that helps. 🙂

[Frank19Participant]

Will that change cause all of my buttons to be center aligned site-wide? Just to be clear, I’m only looking for a way to center align some buttons and images on some pages.

[ZeshanMember]

Hi Frank,

Thank you for posting in!

In that case, you simply need to add a class of center-text to the parent of your button shortcode. So let’s say, you have added a button in a [column], so you can simply add that class to the column shortcode.

If you have a button inside a content band shortcode, you can add that class to that content band shortcode.

Hope this helps. 🙂

Thank you.

[Author]

Posts