Avada Forums Community Forum Centering a button within a footer widget

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • atanasprodanov
    Participant
    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.
    buttontocenter

    marklchaves
    Participant
    Post count: 873

    Maybe try a quick & dirty like,

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

    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>
      </div>
    </div>
    
    

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

    atanasprodanov
    Participant
    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.