[Resolved] Logo issue and html tables

Hi,

Thanks for the access details. I checked the issues and found the following:

1- The stuck post translation job was unassigned, so I canceled it.

2- The logo was not translated in WPML-> Media Translation, so I translated it. Please check the logo in the header in all languages and let me know if it works as expected.

3- The mentioned table is added as HTML, which is not translated automatically in ATE. To translate it, please check the following steps:

1- Edit the page in the default language
2- From the language side panel
3- Click the pencil icon to open the translation editor
4- Search for any word in the table
5- You will see the table in the HTML field (Kindly check the attached screenshot)
6- Translate it and save the translation

Best regards,
Osama

Hi Alex,

You need to use the search bar in order to find the HTML field for the first time.

Please check this hidden link">video to see how to get the HTML field.

Best regards,
Osama

Hi Alex,

1) You can edit the translated pages using Elementor to fix the styling issue. Alternatively, you can replace the HTML widget with another fully supported widget in ATE.

2) The news category issue is fixed. Please check it and let me know.

Best regards,
Osama

Hi Alex

You can edit the translated page using Elementor and fix the table.

Best regards,
Osama

Hi Aleksandr,

You can add the styling in Customize -> Additional CSS, which will apply the styles across all languages.

For example, add the following styles to Customize -> Additional CSS.

    .aema-table-wrap{
        width:100%;
        overflow:auto;
        margin-top: 20px
    }
    table.aema-table{
      width:100%; 
      border-collapse:separate; border-spacing:0;
      font-family: "Arlon", Sans-serif;
      font-size:14px; 
      line-height:1.35; 
      color:#1a1a1a;
      text-align:center; /* centers all cells by default */
    }
    .aema-table thead th{
      background:#0060AA; color:#fff; font-weight:700;
      padding:14px 16px; position:relative;
        border-radius: 0 !important;
    }
    .aema-table thead th:first-child{border-top-left-radius:12px}
    .aema-table thead th:last-child{border-top-right-radius:12px}
    .aema-table th, .aema-table td{padding:12px 16px; vertical-align:middle}
    .aema-table tbody tr:nth-child(even){background:#E8E8E8}
    .aema-table tbody td{border-top:1px solid #eee}
    .aema-table small{font-weight:600}
    @media (max-width:768px){ .aema-table{font-size:15px} }

I tested the above solution on a sandbox site, and you can check the translated page hidden link">here.

Best regards,
Osama

Hi Alex,

It's great to hear that the issue is fixed. 🙂 Please don't hesitate to open a new ticket if you face any other issues. We are always happy to help you.

Have a great day!

Best regards,
Osama