Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #220460

    Hi,

    When i create two buttons in the same layout element the buttons stay in different lines.
    I would like to keep to buttons in the same line.
    How can I do that using de quick CSS?

    Thanks

    #220525

    Hey CloudChoice!

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

    body div .avia-button { float: left; margin-right: 10px; }

    Regards,
    Yigit

    #220542
    This reply has been marked as private.
    #220544
    This reply has been marked as private.
    #220547

    Hi!

    Please replace the custom CSS code i posted with following one

    .avia-button.avia-size-large { float: left; margin-right: 10px; }

    You can only place 2 buttons of that size next to each other inside 1/3 column

    Regards,
    Yigit

    #220666

    Hi,

    Thanks. Now the buttons are in the same line.

    But I having a different strange problem. The different icons inside the buttons are affecting the total dimensions resulting in some misalignment!

    How can I overlap thi problem?

    #220670

    Hi!

    Can you post a screenshot and show the issue you are having?

    Cheers!
    Yigit

    #220683
    This reply has been marked as private.
    #220702
    This reply has been marked as private.
    #220713

    Hi!

    Please add following code to Quick CSS as well

    .ph3 .avia-button.avia-size-small, .ph4 .avia-button.avia-size-small {
    padding: 38px 42px 38px 60px !important; }

    Best regards,
    Yigit

    #220756

    Hi,

    Now is perfect!

    Thank you.

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘buttons in the same line’ is closed to new replies.