Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • February 28, 2017 at 10:30 am #752824
    Sadegh

    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

    February 28, 2017 at 11:30 am #752839
    Yigit

    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

    March 1, 2017 at 1:46 pm #753693
    Sadegh

    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

    March 1, 2017 at 1:49 pm #753696
    Yigit

    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

    March 1, 2017 at 1:57 pm #753698
    Sadegh

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

    Kind regards,
    Sadegh

    March 1, 2017 at 2:08 pm #753702
    Yigit

    Hey!

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

    Regards,
    Yigit

    March 1, 2017 at 2:17 pm #753720
    Sadegh

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

    Kind regards,
    Sadegh

    • This reply was modified 7 years, 8 months ago by Sadegh.
    March 1, 2017 at 7:17 pm #753892
    Yigit

    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

    March 2, 2017 at 7:23 am #754098
    Sadegh

    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)

    March 2, 2017 at 7:31 am #754105
    Vinay

    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

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