-- HikaShop version -- : 4.5.1
-- Joomla version -- : 4.x
-- PHP version -- : 8.x
Hi
I'm working on a custom template for emails sent by HIkashop on order update. I have a problem that the tag for custom fields ({TXT:CUSTOMFIELD_NAME}) contain its own css style that I'm unable to override.
I've tried creating a <style> definition with .order-details-header td and simply change the color of the text, but the color is implemented with the !important classification for the color and therefore can't be overridden by the style in my <style> definition.
In my template I'm currently using this code with no inline style
<tr class="order-details-header">
<td>{TXT:PRODUCT_NAME}</td>
{TXT:CUSTOMFIELD_NAME}
<td>{TXT:PRODUCT_PRICE}</td>
<td>{TXT:PRODUCT_QUANTITY}</td>
<td>{TXT:PRODUCT_TOTAL}</td>
</tr>
The inline CSS that gets added to {TXT:CUSTOMFIELD_NAME} is:
border-bottom:1px solid #ddd;padding-bottom:3px;text-align:left;color:#1c8faf !important;font-size:12px;font-weight:bold;
This makes it hard to adopt the colors to match the website style.
Any options to fix this?
Thanks