Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 28, 2022 at 10:32 pm #1359765
    virtualbis

    Hello, on the home page I have a second button with custom colors and the font color seems to be overridden by something. The font is supposed to be white but it is orange. Are you able to help find a fix for this? I do have some custom css in the Quick css. Credentials are below.
    Button is here: https://optipath.ca/ home page button “contact us” just under services

    July 29, 2022 at 11:07 am #1359805
    Rikard

    Hey virtualbis,

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

    .avia-button.av-9sm6i-a4825a76fda65903aec8c6e47139e571 {
  color: #fff !important;
}

    Best regards,
    Rikard

    July 29, 2022 at 6:14 pm #1359870
    virtualbis

    that fixed the issue for the single button but not the other 2 (in the next 2 tabs). I could inspect each button and do the same for each but that would be short term solution if more buttons were needed. Would it be possible to maybe create another button class and style the class? How would we go about this in enfold?

    July 29, 2022 at 6:19 pm #1359871
    virtualbis

    It also overrides the font color and makes it white as well on hover

    July 29, 2022 at 8:31 pm #1359895
    Rikard

    Hi,

    Thanks for the update. I’m not sure why you are adding the buttons using shortcodes? Wouldn’t it be better to use the Button Row element for example? Then you don’t have add any additional styling.

    Best regards,
    Rikard

    July 29, 2022 at 9:11 pm #1359899
    virtualbis

    Never used the button row element and just saw the shortcodes. Noted and easier. Thx

    July 29, 2022 at 10:40 pm #1359902
    Rikard

    Hi,

    Thanks for the update. Please let us know if you should need any further help on the topic, or if we can close it.

    Best regards,
    Rikard

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