Default Styles

[mr.arie]

Hello great plugin I would like to style the “read more” buttons that the composer generates. I have tried add code to the custom css but have no luck for example:

/* Target all buttons specifically within the newsletter content */
.tnp-content a.tnp-button,
.tnp-content .tnp-button,
.tnp-content a[style*=”border-collapse:separate”] {
background-color: #fff !important; /* White background */
color: #000 !important; /* Black text color */
text-transform: uppercase !important; /* Capitalized text */
border: 1px solid #000 !important; /* Thin black border */
padding: 10px 20px !important; /* Padding for the button */
display: inline-block !important; /* Display as inline-block */
text-decoration: none !important; /* Remove text decoration */
font-size: 16px !important; /* Font size */
font-family: Arial, sans-serif !important; /* Font family */
cursor: pointer !important; /* Pointer cursor on hover */
box-sizing: border-box !important; /* Box sizing */
border-radius: 0 !important; /* Remove border-radius */
background-image: none !important; /* Remove background image */
text-shadow: none !important; /* Remove text shadow */
}

/* Hover effect for all buttons */
.tnp-content a.tnp-button:hover,
.tnp-content .tnp-button:hover,
.tnp-content a[style*=”border-collapse:separate”]:hover {
background-color: #000 !important; /* Black background on hover */
color: #fff !important; /* White text on hover */
}

[Michael]

Hello,

are you trying to style the read more button inside newsletters? If so, you should use the composer, the custom css box is used to style the forms only.

Thanks,
Michael

[mr.arie]

Thanks ok but I would like to remove the round corners from the button or maybe remove the border all together. Where can I access a newsletters default css?
Thanks

[Michael]

Hello,

there are no “newsletters default css”, everything you can set is inside the composer. If you’d like to style your newsletter further, you’d need to switch to html editor but you cannot go back to the composer once you do that.

Michael

[Author]

Posts