Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • January 13, 2023 at 3:49 pm #1378607
    shedoesitcoaching

    Hi Enfold team,

    I want to changed the colour of a button on one of my pages (id=8476). I did this via the CMS.
    There are 2 buttons on this page.

    The first one is the right colour now (#00A8A8), but unfortunately the 2nd ons is still red.
    Have I used the wrong code?

    I also see a sort of red line at the buttom of the green button. Do you see that as well?

    Thanks for your help!

    January 13, 2023 at 10:00 pm #1378646
    Rikard

    Hey Eefke,

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

    .main_color input[type='submit'] {
  border-color: transparent; 
  background-color: #00A8A8;
}

    Best regards,
    Rikard

    January 14, 2023 at 10:17 am #1378660
    shedoesitcoaching

    Hi Rikard,

    That did the trick for the colour. If I hoover over the button the colour changes to red. How can I change that (so the colour won’t change).
    And is there a way to adjust the size of the button and make it a bit smaller?

    Many thanks!

    January 14, 2023 at 11:48 am #1378666
    Rikard

    Hi,

    Please try this CSS as well:

    #top #wrap_all .avia-button.av-khg1m8f5-b507ac1af1c80665c070219de2a9ffd8:hover {
    background-color: #7ea5a4;
}

    Best regards,
    Rikard

    January 14, 2023 at 6:00 pm #1378690
    shedoesitcoaching

    Hi Rikard,

    Unfortunately that didn’t do the trick…
    Any other ideas?

    Many thanks!

    January 14, 2023 at 10:39 pm #1378707
    Rikard

    Hi,

    Which button are you referring to? Please link directly to the page in question.

    Best regards,
    Rikard

    January 15, 2023 at 12:22 am #1378719
    shedoesitcoaching

    Hi Rikard,

    There are 2 buttons on that page :). page_id=8476
    The first one is ok. The 2nd one turns red when hoovering over it.

    Thanks.

    January 15, 2023 at 3:10 pm #1378742
    Mike

    Hi,
    Thanks for the link to your site, the first button has it’s hover color set with this css:

    .page-id-8476 #av_section_1 .button {
    background-color: #00A8A8;
    color: #fff;
}

    but the second button is in #av_section_3 so this first css won’t work, the correct css for this button is

    .page-id-8476 #av_section_3 .button {
    background-color: #00A8A8;
    color: #fff;
}

    I added this for you, please clear your browser cache and check.

    Best regards,
    Mike

    January 16, 2023 at 11:22 am #1378828
    shedoesitcoaching

    Hi,

    Great that worked! Many thanks.
    You can close this topic.

    Have a great week.

    January 16, 2023 at 1:35 pm #1378865
    Mike

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Colour 2nd button’ is closed to new replies.