Follow

Custom CSS

Alejandra Vasquez Mendez

If you want to add custom properties with special CSS styles to your newsletters, you can use the “Custom CSS” function found in your MDirector Drag&Drop editor.

To use it, simply follow the steps below:

 

Step 1:

To start, you need to know the class and ID of the element you want to add the CSS to. This information can be found by clicking on the “Common Styles” section in the editor of each element:mceclip0.png2.PNG

You can add CSS (among others) at the class() or ID level:

  1. Class: element based on the content class attribute, with CSS styling added to all elements within that class

Syntax (.classname)

.image-component {styling properties you want to add}

  1. ID: element based on attribute content ID, with CSS styling added specifically to the element with that unique ID

Syntax (#id_value)

#id2 {styling properties you want to add}

 

Step 2:

Next, within the “General Style” section, click the (+) symbol to bring up the text box to write your own CSSCaptura_de_Pantalla_2023-02-20_a_las_13.38.29.png

You need to insert the code in “Custom CSS” and click “Apply” to add the CSS style, for example:Captura_de_Pantalla_2023-02-20_a_las_13.41.25.png

Important: don’t forget to click the “Apply” button, or the style won’t be applied and the changes won’t be saved.

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk