Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • November 10, 2021 at 9:50 pm #1328574
    virtualbis

    Hello,

    I would like to change the link colour (#82514e) and add an underline but keep button colors as in the general styling.
    I would also like the hover color to be #88bbc8.

    How can I do this in the quick css?

    November 11, 2021 at 1:31 am #1328583
    virtualbis

    Maybe you can have a look. I have set the links to the correct color though I would like them underlined.

    I would like the buttons the brown #82514e and the orange hover #fb8c24. I have been testing on the pages below for the buttons.

    November 11, 2021 at 8:15 am #1328619
    Rikard

    Hi,

    You should be able to set the colours of your choice in the General Styling tab in the element options. If you want separate styling for your buttons, then you can set that under Enfold->Advanced Styling.

    Best regards,
    Rikard

    November 11, 2021 at 9:18 am #1328631
    virtualbis

    Hi,
    The General Styling tab doesn’t distinguish between the buttons and links. You can only set them both to the same under Primary color.

    In advanced styling there is no option for either a link or a button color. If I missed something please let me know.

    I’m pretty sure the only way is with the quick css. This is wher I need help.

    November 13, 2021 at 8:12 am #1328854
    virtualbis

    Anyone?

    November 13, 2021 at 10:10 pm #1328894
    Mike

    Hi,
    Thank you for your patience, based on the two pages there were buttons from 3 elements and only links in the footer, but I assumed there would be links in the body in the future so I tried to allow for them, I didn’t count the menu item links because they can be adjusted in the Advanced Styling options.
    Please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    #footer.footer_color a,
#main .main_color a {
	color: #82514e;
	text-decoration: underline;
}
#footer.footer_color a:hover,
#main .main_color a:hover {
	color: #88bbc8;
	text-decoration: underline;
}
#top #wrap_all .main_color .avia-color-theme-color,
#top #wrap_all .main_color .avia-color-theme-color-highlight,
#top #wrap_all .main_color .button {
	background-color: #82514e;
	color: #fff;
	text-decoration: none;
}
#top #wrap_all .main_color .avia-color-theme-color:hover,
#top #wrap_all .main_color .avia-color-theme-color-highlight:hover,
#top #wrap_all .main_color .button:hover {
	background-color: #fb8c24;
	color: #fff;
	text-decoration: none;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    November 14, 2021 at 1:12 am #1328901
    virtualbis

    Thank you Mike. That works perfectly. Best Theme support I’ve had.

    November 14, 2021 at 1:34 am #1328903
    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 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Change link colour and add underline but keep button colors’ is closed to new replies.