Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 17, 2020 at 11:22 am #1231185
    antsalv

    Dear Enfold Staff, hello!
    I passed my first difficulty, which was to make all the buttons in one page of the same size!
    I learned how to use CSS to do that. But now I have a new problem.

    In many pages I have wide buttons, and in this way I am obliged to have wide buttons also at the top of the page, where I need only little buttons to go to the homepage or to some main pages… As you can see in the picture, the button at the top is a little bit ridiculous, so big for a little word…

    Image 2020-07-17 at 11.16.18 AM.png

    Is there a way to have buttons of different size in the same page?
    I tried to install the Child theme, but many pages are affected by this change and I should work again on them… So I would like to know if there is another way, without installing the child theme…
    thank you and best regards!
    Antonio

    July 19, 2020 at 5:24 am #1231518
    Rikard

    Hey Antonio,

    Please try to assign a class to your button in the Advanced->Developer Settings tab in the element options. You can use this class for example: my-custom-button, then you can use this in Quick CSS:

    .my-custom-button .avia-button {
    min-width: auto;
}

    Best regards,
    Rikard

    July 19, 2020 at 8:59 am #1231542
    antsalv

    It works great!!
    Thank you so much, dear Rikard! :-)

    Best regards,

    Antonio

    p.s. we can close the topic :-)

    July 20, 2020 at 8:53 am #1231649
    Rikard

    Hi,

    Great, I’m glad that we could help and thanks for the update. Please open a new thread if you should have any further questions or problems.

    Best regards,
    Rikard

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Buttons of different size in the same page’ is closed to new replies.