mvlad

Forum Replies Created

Viewing 2 replies - 1 through 2 (of 2 total)
  • Forum: Plugins
    In reply to: [Kadence WooCommerce Email Designer] Custom CSS not working
    mvlad

    (@mvlad)

    3 years, 1 month ago

    Please note that email applications may not be able to render custom CSS codes. This is outside of what our products can support.

    The issue is the plugin does add CSS, but it isn’t consistent in what CSS it adds. The CSS I mentioned above is only part of the additional CSS I’ve added, yet the rest of it works (or seems to work).

    Also, Light table style is intended to have no padding on the sides. You may need to choose the Normal table style.

    I prefer the layout of the Light table excluding the padding to the sides.

    There might be settings that can achieve it or better custom CSS code to target and make it work on email applications.

    The CSS code is not the problem, it shows up fine in the preview, it just never gets sent. I checked the email source, it’s not a problem of the email client not reading the CSS correctly, the CSS never gets added.

    Forum: Plugins
    In reply to: [Kadence WooCommerce Email Designer] Custom CSS not working
    mvlad

    (@mvlad)

    3 years, 2 months ago

    Hello, I’m seeing a similar issue. Some CSS seems to be passed but some gets ignored.

    Overwriting the padding on .email-spacing-wrap th for example doesn’t work. the CSS never gets applied. (Yes I know that field has padding controls however with the Light order table style the table lacks padding on the sides).

    The following CSS also never gets applied:

    /* Footer socials */
.ft-social-title {
  display: none;
}

#footersocial > tbody > tr {
  border-spacing: 10px 0px;
  text-align: center;
}

#footersocial > tbody > tr > td {
  display: inline-block;
  width: 70px !important;
}

/* 2col address on desktop */
@media (min-width: 800px) {
  #addresses > tbody {
    display: inline-block;
    margin: -2rem;
    vertical-align: top;
  }

  #addresses > tbody > tr {
    width: 47%;
    border: 2rem transparent solid;
    display: table-cell;
    height: 100%;
  }

  .address > table {
    min-height: 220px !important;
    margin-bottom: 0;
  }

  .address-container,
  .shipping-address-container {
    width: 1200px;
  }
}

    There’s possibly some other things as well but these are the ones I noticed.

Viewing 2 replies - 1 through 2 (of 2 total)