Okay
  Public Ticket #3594558
how to customize style front end email
Closed

Comments

  •  3
    Hung started the conversation

    This is the result in site : 

    2196399901.png



    I want to customize style front end in email:

    4814432828.png
  •  1,906
    WebWizards replied

    Hi there,

    I think it is generally a matter of using CSS to split that container into 2 columns.

    Have you done any particular work on modifying that email? Where / in what file have you edited that email? I can check it directly.

  •   Hung replied privately
  •  1,906
    WebWizards replied

    Hi there,

    Generally I believe you'd need to add CSS to the ".quotetextfields__item" fields. You can give them a width and set them to "display:inline-block".

    2054389992.png


    Then if you give the quotetextfields__arange a max-width, it would allow the fields to show in together in the same area in multiple columns:

    2148059772.png


    I think the harder part is to make sure it displays nicely with all different email clients, Gmail, Yahoo, etc, so probably some testing is needed for that.

    You could set the style directly in the HTML for emails:

    3318814247.png