Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 12, 2018 at 8:49 pm #911341
    reelhomes2017

    Using the shortcode, I added a contact button to my footer. It displays fine if I use a color (red, for example) in the color designation of the shortcode. However, when I reference a hex color that matches the color of all the other buttons on the site, it displays as white. Could you take a look at my code below and let me know if I have something configured wrong? I am trying to achieve the dark orange color that is the default “theme color.”

    [av_button label='Contact' link=''/link/" color='#da4824' custom_bg='#444444' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon="]

    Thanks!

    February 12, 2018 at 9:09 pm #911354
    Jordan Shannon

    Hey reelhomes2017,

    Are you only having trouble with the background color or are they all hex declarations giving you an issue?

    Best regards,
    Jordan Shannon

    February 12, 2018 at 9:15 pm #911359
    reelhomes2017

    I’ve tried to play around with putingt hex colors in each of these but none of them are responding correctly:

    color=’#da4824′ custom_bg=’orange’ custom_font=’#ffffff’

    Thanks!

    February 12, 2018 at 9:31 pm #911368
    Jordan Shannon

    Hi,

    Please link us to the site and let us know the exact button you are trying to change.

    Best regards,
    Jordan Shannon

    February 12, 2018 at 9:35 pm #911375
    reelhomes2017
    This reply has been marked as private.
    February 12, 2018 at 10:01 pm #911395
    Jordan Shannon

    Hi,

    This is how I am viewing the button:

    https://snag.gy/gYrRFx.jpg

    Are those colors not correct?

    Best regards,
    Jordan Shannon

    February 12, 2018 at 11:48 pm #911431
    reelhomes2017
    This reply has been marked as private.
    February 13, 2018 at 6:27 am #911546
    Rikard

    Hi,

    Thanks for the feedback. Please try the following in Quick CSS under Enfold->General Styling:

    #footer #text-5 a.avia-button {
  background-color: #da4824 !important; 
}

    Best regards,
    Rikard

    February 13, 2018 at 7:03 pm #911851
    reelhomes2017

    Wonderful, thanks. That works perfectly. Should I change anything in the shortcode that is no longer needed?

    [av_button label='Contact Reel Homes' link='linkgoeshere' color='#da4824' custom_bg='red' custom_font='#ffffff' size='small' position='left' icon_select='yes' icon="]

    February 13, 2018 at 7:16 pm #911858
    Jordan Shannon

    Hi,

    It looks like Rikard’s code targeted the background of the button, so it may be a good idea to just remove the custom_bg value from the shortcode.

    Best regards,
    Jordan Shannon

    February 13, 2018 at 7:26 pm #911865
    reelhomes2017

    I was wondering about that value. I will remove it and we’ll be good to go.

    Thanks so much for your assistance!

    February 13, 2018 at 7:27 pm #911866
    Jordan Shannon

    Hi,

    No problem at all. If you need further help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

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