Tagged: 

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • December 11, 2013 at 7:51 pm #199151
    j1980mac

    Greetings,

    I’m looking to create two equally sized buttons side-by-side in a one half width element.

    An example of what I’m trying to achieve would be here: http://kapost.com/

    Thank you so much in advance :)

    Josh

    December 11, 2013 at 8:12 pm #199168
    Josue

    Hi Josh!

    Put the two buttons in your page and provide us with the link so we can give you a custom CSS code.

    Best regards,
    Josue

    December 11, 2013 at 8:19 pm #199175
    j1980mac

    Hi Josue,

    Thanks so much for your quick response! Here you are: http://newsite.expresswriters.com/

    Thanks,
    Josh

    December 11, 2013 at 11:01 pm #199236
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under Styling tab

    .avia-builder-el-1 avia-button-center { float: left; padding-right: 10px; }
.avia-builder-el-1 .avia-button.avia-size-medium { min-width: 250px; }

    Cheers!
    Yigit

    December 12, 2013 at 1:50 am #199292
    j1980mac

    Hey! Thank you for the code, but nothing has changed. I even put !important on them and it still didn’t render…. :(

    December 12, 2013 at 1:55 am #199297
    Josue

    Hey!

    Try adding this code to the Quick CSS:

    .avia-button-wrap.avia-builder-el-5, .avia-button-wrap.avia-builder-el-6{
    float: left;
    width: 50%;
}

@media only screen and (max-width: 767px) {
    .avia-button-wrap.avia-builder-el-5, .avia-button-wrap.avia-builder-el-6{
      float: none;
      width: 100%;
    }
}

    Cheers! 
    Josue

    December 12, 2013 at 2:00 am #199306
    j1980mac

    Hey Josue,

    Does this replace the code that I added earlier?

    Thanks,
    Josh

    December 12, 2013 at 2:02 am #199310
    Josue

    Yes, replace it.

    Cheers!
    Josue

    December 12, 2013 at 2:21 am #199320
    j1980mac

    Awesome thanks! :)

    December 12, 2013 at 2:34 am #199322
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Creating two buttons side-by-side in 1/2 layout element’ is closed to new replies.