Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #752824

    Hi Kriesi Team,
    Please take a look at the given link in the private area.

    .

    1> We would like to adjust all those buttons have a same width size.
    2> The space between these two elements are too much. How may I reduce it?

    Thanks,
    Sadegh

    #752839

    Hey Sadegh,

    1- Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .page-id-43 .avia-button {
        min-width: 180px;
    }
    

    2- Please edit your buttons on the right column and choose to display them left aligned instead of center aligned

    Best regards,
    Yigit

    #753693

    Hi dear Yigit,
    Thanks a lot for the code, it works.
    But about number 2, it doesn’t seems to be a good solution as it didn’t make any noticeable changes in front-end.

    Regards,
    Sadegh

    #753696

    Hi!

    Can you please edit right column and give it a custom CSS class and then add following code to Quick CSS

    .your-custom-class .avia-button-wrap {
        float: left;
    }

    Regards,
    Yigit

    #753698

    Hey,
    I’ve just done it. Could you please take a look? (can we make them get more close?)

    Kind regards,
    Sadegh

    #753702

    Hey!

    Can you please create a temporary admin login and post it here privately so i can look into it? :)

    Regards,
    Yigit

    #753720

    Hi again,
    Please find the full admin login credentials in private area.

    Kind regards,
    Sadegh

    • This reply was modified 7 years, 9 months ago by Sadegh.
    #753892

    Hi,

    WP dashboard is blank on my end when i log in. That always happens on my end on RTL sites however refreshing helps but it is not the case this time.
    Could you please change columns to two 1/2 column elements and give custom CSS class to left column as well and add following code to Quick CSS as well

    .your-other-custom-class .avia-button-wrap {
        float: right;
    }

    Best regards,
    Yigit

    #754098

    Hi again,
    Thanks a lot for the efforts (next times, I will change the language to the English to prevent from any issues like that) :)

    I have done what you said, but it didn’t make a desirable change that I was looking for. Hence, I’ve decided to use just one element and insert all the buttons –center aligned– inside. It looks better now.

    Kind regards,
    Sadegh
    (you may now close the thread please)

    #754105

    Hi,

    If you still like to center align the two buttons and give it equal width please check this post
    https://kriesi.at/support/topic/section-button-alignment/#post-721210

    Edit the max-width:350px!important; value to 40%

    To know more about enfold features please check – http://kriesi.at/documentation/enfold/

    Thank you for using Enfold :)

    Best regards,
    Vinay

Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Buttons alignment’ is closed to new replies.