Slider buttons not centered with text

  • Hello,

    I’ve added the slider bkrd image and have the text added (centered in the content box) and have set overall the content alignment to the right. After setting the two theme buttons, they aren’t centered under the text, they are still aligned to the left (of the text content, not left on slider.) I tried a workaround by adding my own buttons to the content box, but this didn’t render very well in responsive views.

    Can you provide any assistance, I need those theme buttons to be paragraph centered like the text.

    Thanks so much for your assistance!

Viewing 9 replies - 1 through 9 (of 9 total)

  • post your site address

    Thread Starter SSmeredith

    (@ssmeredith)

    https://thefightingseason.com

    Add this code to your custom css section

    div.center {
    margin:0 auto;
}

    and if you want to push down the slider try this code 

    div#slidera.layer_wrapper.selected_stat {
    margin-top:5%;
}
    Thread Starter SSmeredith

    (@ssmeredith)

    Thanks for the help, but the buttons are still to the left…

    Theme Author OptimizerWP

    (@layerthemes)

    Hi

    You can align the buttons from Appearance -> Customize -> Front Page -> Slider -> Slider Content Alignment

    If it doesn’t solve your issue, insert this in custom CSS

    .stat_content_right .cta_buttons{
    text-align:center;
}

    Thanks

    Thread Starter SSmeredith

    (@ssmeredith)

    @layerthemes

    Yes, I did use your features and the text is definitely working that way, just your built in buttons are hanging to paragraph left and I have the content text centered.

    Your snippet did the trick!!

    .stat_content_right .cta_buttons{
    text-align:center;
    }

    @ashiquzzaman – thank you for your help too!

    Thread Starter SSmeredith

    (@ssmeredith)

    Please take a look… When I use this I get double background at the 5% and it still floats up into the header.

    div#slidera.layer_wrapper.selected_stat {
    margin-top:5%;
}

    I’m having a tough time getting the text to stay underneath the header area. It keeps floating up. In mobile it looks awesome, in monitors, I’m see this problem more and it’s cutting off.

    Using the Content Box Vertical Position, I have it all the way to the left.

    Any suggestions?

    Theme Author OptimizerWP

    (@layerthemes)

    Hi SSmeredith

    Can you please remove below CSS from your custom CSS and let us know your desktop resolution

    div#slidera.layer_wrapper.selected_stat {
    margin-top:5%;
}

    Thanks

    Thread Starter SSmeredith

    (@ssmeredith)

    Sure I went ahead and removed that snippet. The 5% double background is gone, but the text still floats up.

    Not sure if you can see this:
    https://responsivetest.net/#u=thefightingseason.com|1024|768|1

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Slider buttons not centered with text’ is closed to new replies.