Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 31, 2021 at 2:52 pm #1291569
    wealthyone

    I would like to increase the button length on some pages or some buttons only
    I see there is an option to put some Custom CSS Class on each button.

    Can you please give me some code to do this for certain buttons please.
    Not for Every button

    I would like to style it like this

    https://pasteboard.co/JVa5CaY.png

    Thanks

    April 1, 2021 at 5:53 pm #1291851
    Nikko

    Hi wealthyone,

    Please try to do the following steps (edit the button):
    1. Go to Content (tab) > Show Button Icon set to Display icon to the right and select the icon.
    2. Go to Styling (tab) > Button Color set to Custom Color then change the Custom Background Color to any color you like.
    3. Go to Advanced (tab) > Developer Settings > Custom CSS Class put: special-button
    4. Go to Enfold > General Styling > Quick CSS, add this code:

    #top .special-button .avia-button {
    border: 2px solid white;
}

    Hope this helps.

    Best regards,
    Nikko

    April 2, 2021 at 3:55 am #1291933
    wealthyone

    Thanks.
    However that didnt work. No change. Or no border

    What about making it Full width. Or any width at all

    I understand it resizes to the words length, but to make them all a certain length even if it has 1 word or 5 words

    April 5, 2021 at 5:00 am #1292412
    Nikko

    Hi wealthyone,

    We apologize for the delayed response.
    If no changes happen, please disable CSS file merging and compression in Enfold > Performance (clear out caching and minification cache if you have one).
    As for having certain length, just add min-width property.
    So the code should be like:

    #top .special-button .avia-button {
    border: 2px solid white;
    min-width: 200px;
}

    If there’s still no changes then please give us a temporary admin access.

    Best regards,
    Nikko

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