Add font styles to HTML list items

Answered
image avatar

Umer Muhammad

Posted May 25, 2022

I am trying to add font styles i.e. font size, color and family to HTML unordered list items but they are not working as expected. Can you please help me with that. thanks

1

4

4 comments

Date
    Newest
      image avatar

      Ifra Saqlain

      Umer Muhammad, 

      Try this type:-

       

      .zen-email-body ul{
      font-family: ....;
      font-size: ......;
      font-weight: .....;
      }


      OR

      .zen-email-body ul li a {
      font-family: ....;
      font-size: ......;
      font-weight: .....;
      }

      0

      image avatar

      Umer Muhammad

      I am getting all of the content i.e. heading, paragraphs, list items etc in {{content}} variable. 
      Please refer to the screenshot that I have attached below.
      First one is of email template and 2nd one is actual email that I am receiving.




      0

      image avatar

      Ifra Saqlain

      Hey Umer Muhammad,

       

      You are talking about an HTML unordered list, so do the same as mentioned below:-

      I). Create HTML unordered list.

      II). Add the font-family in <ul> tag or directly in anchor or li tag.

      CSS in UL tag:-




      CSS in anchor <a> tag:-





      Output would be same:-



       

      If it's not what you expect, then please share more about your query :)

       

      Thanks

      Team

      1

      image avatar

      Brett Bowser

      Hey Umer,

      Can you share a little more on how this isn't working as expected? Are you trying to add these to your Guide theme? Are you receiving any errors? 

      Let us know!

      0

      Sign in to leave a comment.

      Didn't find what you're looking for?

      New post