Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 4, 2017 at 10:00 am #847628
    kdesouky

    Hello,

    The buttons are being automatically sized according to the text. If there is less text then the button is smaller compared to the bigger text. How do I make it so all the buttons are the same size (according to the button with the most text)?

    If you look at the button “LEARN ABOUT MGMT” it’s smaller than the rest of the buttons, the same is true in other pages as well.

    Thank you

    September 4, 2017 at 1:58 pm #847720
    Rikard

    Hey Khalid,

    Please try the following in Quick CSS under Enfold->General Styling:

    .page-id-1653 .avia-button {
    min-width: 240px;
}

    Best regards,
    Rikard

    September 4, 2017 at 7:40 pm #847868
    kdesouky

    Rikard,

    Perfect! It worked for the Services page, how do I do it for all the pages?

    Thank you so much.

    Khalid

    September 5, 2017 at 8:04 am #847990
    Rikard

    Hi Khalid,

    Then I would suggest that you turn on the custom CSS field for all builder elements: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/, then give the buttons you want to target a specific class. For instance, my-button-class, then you can use this CSS:

    .my-button-class.avia-button {
    min-width: 240px;
}

    If you only remove the page id class then it will apply to all buttons on your site, and I don’t think that would be a good idea.

    Best regards,
    Rikard

    September 5, 2017 at 3:44 pm #848166
    kdesouky

    Rikard,

    I checked out the documentation and I’m not sure where to add that specif line of PHP to my functions file. I had a developer setup the theme on my Amazon AWS account. Is this something the developer would do for me, or is it possible I can do it myself with proper instructions?

    Am I able to add more CSS modifications for the buttons like I did with the Services page? For example, if you gave me the page-id for “Industries We Serve”; would I be able to add that into the Quick CSS and it would enable all the buttons to be the same size? If yes, how do I find out the page-ids for each page?

    Thank you!
    Khalid

    September 7, 2017 at 9:39 pm #849255
    Basilis

    Hi,

    The page id is located at the body of the pages
    https://www.ostraining.com/blog/wordpress/how-to-find-the-page-id-in-wordpress/

    The function file goes at the functions.php file, but you also need to create a child theme, so it will not be lost when updating theme.

    Best regards,
    Basilis

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.