Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #281436

    I am trying to add a CTA button in the menu which has green background and and white text

    Here’s the code:

    .cta-button {
    	-moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
    	-webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
    	box-shadow:inset 0px 1px 0px 0px #9acc85;
    	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    	background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    	background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    	background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    	background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    	background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
    	background-color:#74ad5a;
    	border:1px solid #3b6e22;
    	display:inline-block;
    	cursor:pointer;
    	color:#ffffff;
    	padding:6px 12px;
    	text-decoration:none;
    }
    .cta-button:hover {
    	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #68a54b), color-stop(1, #74ad5a));
    	background:-moz-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    	background:-webkit-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    	background:-o-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    	background:-ms-linear-gradient(top, #68a54b 5%, #74ad5a 100%);
    	background:linear-gradient(to bottom, #68a54b 5%, #74ad5a 100%);
    	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#68a54b', endColorstr='#74ad5a',GradientType=0);
    	background-color:#68a54b;
    }
    .cta-button:active {
    	position:relative;
    	top:1px;
    }
    

    I have added this to quick css and added the class from menu.

    However I don’t see any change at all. How do I accomplish this?

    #281440
    This reply has been marked as private.
    #281631

    Hey!

    Please add following code to Quick CSS and adjust as needed

    li#menu-item-3114 a {
    color: white;
    background: #74ad5a;
    }

    Best regards,
    Yigit

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.