Button Link Color Customization

  • Hello!

    I believe that the color of the links when you hover over a Max Button on our site are being inherited from our main site style.

    As you can see, it looks very strange to have the red letters when you hover over. How do I go about customizing that color?

    Based on another support forum post, I put the below into the Additional CSS in my overall wordpress theme… but it didn’t seem to do anything:

    #main .cb-entry-content .buttonEdit a {
    text-decoration-color: #C0C0C0;
    }

    Any advice?

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author Bas Schuiling

    (@basszje)

    You are right. On that page there is a big list of custom CSS, probably coming from your theme settings or so. It sets the properties as !important, which means it will override everything else.

    This is the code : 

    	.btn-search:hover,
		p a:hover,
		a:hover,
		a:focus,
		a:active,
		#nav ul > li.dropdown:hover > a,
		#nav ul li.active > a,
		#nav ul li a:hover,
		a:hover span,
		.alt-post-foot .post-meta .alt-post-author a:hover,
		.site-pagination span.current,
		#wp-calendar a,
		.single-content a,
		.new-slides .owl-theme .owl-controls .owl-buttons div.owl-prev:hover,
		.new-slides .owl-theme .owl-controls .owl-buttons div.owl-next:hover,
		.keep-reading,
		#alith-tab li:hover a,
		#alith-tab-small a.alith-current-item,
		#alith-tab a.alith-current-item,
		.post-sticky a.post-title,
		.post-sticky .post-title-normal a,
		.comment-content a
		{
			color: #e53446 !important;
		}

    You’ll need to get rid of the a:hover rule there or removing the !important might also help.

Viewing 1 replies (of 1 total)
  • The topic ‘Button Link Color Customization’ is closed to new replies.