CODEWITHSUNDEEP
cssemailgmailmailchimp
ZACK F.
ZACK F.

Reputation: 35

custom li css for mail

I'm trying to design a mailchimp agenda template for someone else that don't have experience in coding. So I need to apply general css in style balise so he can manipulate the content in the text editor (I need to keep also the html format list ul > li).

I would like to have list with each li with a border-bottom and a nice padding between each element of the list. This is what I get from the mailchimp editor.

enter image description here

It's working almost fine on my Mail app but not in Gmail who seems to ignore all basics li styles.

ul li{ 
 border-bottom: 1px solid black;
}

ul li {
 margin-bottom: 8px !important;
 padding-bottom: 7px !important;
}

I tried to work with flex on the ul but gmail seems to ignore flex-direction too. Is there any trick that could make my list look like the image in gmail ? Or is it too complicated for css mail ?

Upvotes: 0

Views: 38

Answers (0)

Related Questions