Avada Forums Community Forum Centering a button within a footer widget

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • atanasprodanov
    Post count: 20

    Hello all,
    I need either a CSS or other solution for the following issue.
    link to the website page
    I want to center the button which I placed in the widget 3 in my website footer.
    Please check the picture for better idea of what I mean.

    Post count: 873

    Maybe try a quick & dirty like,

    <div style="padding: 5% 0; text-align: center;">
    	Hello World!

    This guy’s prototyped up on WordPress.com here https://marklchaves.wordpress.com/

    Or, maybe try something more proper like,

    /* CSS */
    .container {
      height: 320px;
      width: 320px;
      border: 5px solid darkgray;
      border-radius: .5em;
    .test {
      padding: 50% 0;
      text-align: center;
    .button1 {
      background-color: white;
      color: black;
      border: 2px solid black;
      border-radius: 5px;
      padding: 15px 32px;
    <!-- HTML -->
    <div class="container">
      <div class="test">
        <span class="button1">What's up?</span>

    The CodePen for this is here https://codepen.io/marklchaves/pen/ZdbOqo

    Post count: 20

    Thank you for your help Sir.

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