Home > Forum > General > Change ElementAdress CSS elements in email template

Change ElementAdress CSS elements in email template
0

Hi. I have an old Webcon BPS. I try to create a template and I have a problem with CSS. I don't know how to change [|ElementAdress|] element to my preference.

I want change text-decoration change to none, change color to white and a want to add padding and bottom.

It is my code :

[|ElementAddress|]

[|MessageBody|]


I upload how to my div with ElementAdress looks.


How to change this field. I have old BPS . It is version 8.2.1.63

MVP

Hi Błażej,

I can't help solve this for you but I can give you a guideline how I would do it.
1. Save the received mails as html, if you don't have a web client: https://www.extendoffice.com/documents/outlook/3623-outlook-save-email-as-html.html
2. Take a look at the generated html for element address using developer tools in the browser
3. Add a styling to override the default ones: https://www.w3docs.com/snippets/css/how-to-override-css-styles.html

Add the rule to the mail templeate:
This rule will apply the color white to all elements with the class box and which have a style attribute with the value color: red.

.box[style*="color: red"] {
color: white !important;
}


Best regards,
Daniel

Privacy overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognizing you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.


To see a full list of the cookies we use and learn more about their purposes, visit our Privacy Policy.