[AlexParticipant]

Hello,

Why don’t you add the option to put the button in the center, not just right or left? Can you tell me how I can do that?

Thanks.

[DarshanaModerator]

Hi there,

There is no such direct implementation in HTML/CSS for that. But you can add a CSS workaround to make your changes.

First assign your own class name for the button (Eg:class=”my-button-center”)

[button class="my-button-center" href="#" title="Title" target="blank" shape="square" size="regular" block="true" icon_only="true"] I Am A Super Clickable Button! [/button]

Then you can add the style rules to the Customizer, Custom > CSS area using the menu Appearance -> Customize.

.my-button-center {
    display: block;
    margin: 0 auto;
    width: 200px;
}

Hope that helps.

[AlexParticipant]

Hello,

Thanks. I used your code, but that didn’t help really.

Here’s my page: http://engexpert.ru/test-page-for-developer/

Do you have any suggestions?

Thanks.

[Paul RModerator]

Hi,

Can you try the code below.

You can add this under Custom > CSS in the Customizer.

#x-content-band-7 .x-column {
      text-align:center;
}

[GoWallParticipant]

Thank you, that helped, but I wish there was a center float option for your button shortcode… Block style will have to do I suppose, thank you!

[GoWallParticipant]

This reply has been marked as private.

[ChristianModerator]

You’re welcome. Glad we could help.

[Author]

Posts