The Easter Sale is on! Join now or renew your subscription with a 25% OFF! Read More

Support Forum

Styling Button - Header - CSS Assistance

I need some assistance trying to style two items in the content-pro particle.

1. The Company Name/Address is inheriting the background color of the Header. I added a tag attribute to this item and it has no affect on the text.

Text Color should be #777777

Tag used: style font-size: 14pt; color:#777777;font-weight:700;

2. Trying to get rid of the white box on the button
Increase size of text (999) 999-9999 (Should be 2rem)

I created a class with the attributes I need they work fine on other pages, but has no affect on this particular button when using the Content Pro Particle.

Any assistance would be greatly appreciated.
Thanks

Button Class:
.button-landing {
-webkit-border-radius: 50;
-moz-border-radius: 50;
border-radius: 50px;
text-shadow: 1px 5px 7px #666666;
font-family: inherit;
color: #ffffff;
font-size: 2rem;
font-weight:700;
background: #66cc66;
padding: 10px 20px 10px 20px;
text-decoration: none;
}
/* Custom Button Class - Landing Pages - HOVER */
.button-landing:hover {
background: #406ca9;
text-decoration: none;
}

/* Custom Button Class - Landing Pages - ACTIVE */
.button-landing:active, .button:focus {
background: #406ca9;
color: #ffffff;
}

/* Custom Button Class - Landing Pages - A */
.button-landing a {
color: #ffffff;
}
Responses (9)
Sorry, but you are not allowed to view the replies here.
Your Reply

Become an insider | Subscribe to our Newsletter
Subscribe to our mailing list and stay up-to-date with all our awesome releases, latest updates and amazing discount offers!