Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1009019

    Hi,

    Details of our website are provided below.

    I want to style the button element for it to have rounded edges and not square edges.

    Can you please assist.

    Thanks

    Garima

    #1009219

    Hey NR1234,

    Thank you for using Enfold.

    You can use this css code to create buttons with rounded edges.

    #top body div .avia-button {
        border-radius: 5px !important;
    }

    Adjust the value as needed.

    Best regards,
    Ismael

    #1009472

    Hi Ismael,

    I have used this quick CSS in the general styling section. However nothing seems to change in the button shape.

    Can you please suggest what else can I do.

    Thanks

    Garima

    #1009561

    Hi Garima,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    
    #top .avia-button {
        border-radius: 20px;
    }

    Best regards,
    Victoria

    #1009915

    Hi Victoria,

    login details provided below.

    I am putting the code in the Quick CSS section as well as in the customize section in “Appearance” tab.

    However, ti does not seem to be working.

    Thanks

    Garima

    #1010034

    Hi,

    Thanks for that, could you try to move the code to the very top of the Quick CSS box please?

    Best regards,
    Rikard

    #1010207

    Thanks Rikard.

    This worked.

    Garima

    #1010296

    Hi Garima,

    Great, glad you got it working. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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