Hello,
Currently I have a site which is using a html table with button short codes to achieve a desired look. Right now the HTML table is being displayed with a background colour and border. I’d like to have the table ‘invisible’ – no border or background colour. The html is below.
<table style=”width: 100%;”>
<tbody>
<tr>
<td>[av_button label='Learn More' link='page,80' link_target='' size='x-large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='dark' custom_bg='#444444' custom_font='#ffffff']</td>
<td>[av_button label='Get Twisted' link='page,106' link_target='' size='x-large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff']</td>
</tr>
</tbody>
</table>
How can this be done?
Thanks
Hi digital-handyman!
Please try adding following code to Quick CSS in Enfold theme options under General Styling tab
table * { border: none !important; }
If that does not help, please post the link to your page
Regards,
Yigit
Hi Yigit,
Thanks for that. There is still a light grey background which I’d like to get rid of too. The website link is in the private comments.
As you can see, there is a video box within a 1/2 layout element.
On the right in the other 1/2 layout element is a Image element, Special heading, white space separator and then two short code buttons in a HTML table. If you know of another way to achieve this layout without using html tables and shortcodes I would be very appreciative to hear it.
Thanks in advance.