Button centre alignment

Home Forums All Other Themes Button centre alignment

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #158915
    Johann van der Westhuizen
    Participant
    • Topics: 13
    • Replies: 26
    • Total: 39
    Member since: November 22, 2015

    Hi,

    How can I align the “donate” buttons on my website in the middle, here is a link to the website : https://wecare.liquorice.co.za/

    Please let me know.

    Thanks.

    #159010
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25285
    • Total: 25285
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    @media screen and (max-width:767px) {
    .nivo-caption {
        left: 50% !important;
        transform: translateX(-50%) !important;
    }
    }

    Regards,
    Brad

    #159016
    Johann van der Westhuizen
    Participant
    • Topics: 13
    • Replies: 26
    • Total: 39
    Member since: November 22, 2015

    Hi,

    I’ve added the code exactly as mentioned but the buttons are still aligned to the left.

    Here is a screenshot : https://imgur.com/a/yB1UADq

    Unless I’m doing something wrong.

    Thanks.

    #159018
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25285
    • Total: 25285
    Member since: August 16, 2013

    Hi,

    Can you send us the forntend screenshot of your issues? Upload your screenshot on http://imgur.com/ and paste the share url here.

    Regards,
    Brad

    #159025
    Johann van der Westhuizen
    Participant
    • Topics: 13
    • Replies: 26
    • Total: 39
    Member since: November 22, 2015

    Hi,

    Here is the screenshot as requested : https://imgur.com/a/iQvqkk1

    Thanks.

    #159026
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25285
    • Total: 25285
    Member since: August 16, 2013

    Hi,

    Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:

    Add this code there:

    .one_four_page .read-more {
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);
    }

    Regards,
    Brad

    #159027
    Johann van der Westhuizen
    Participant
    • Topics: 13
    • Replies: 26
    • Total: 39
    Member since: November 22, 2015

    Hi,

    Worked, perfect.

    Thanks.

    #159030
    Forum Moderator
    Participant
    • Topics: 0
    • Replies: 25285
    • Total: 25285
    Member since: August 16, 2013

    🙂

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.