Custom CSS in HTML table in free WordPress theme

blorebusvedike · Member · Mar 13, 2021 at 6:18 pm
Copy link

Add topic to favorites
I’m using a free wordpress theme with a free account, so I’m not allowed to insert custom CSS code. Does that mean that CSS that I use in an HTML table block will also not work?
alessiobaudo · Member · Mar 13, 2021 at 7:50 pm
Copy link
Hello @blorebusvedike! Since you are using the HTML table block, I believe you’re referring to the “Additional CSS class” of the block.

N.B. If you’re referring to the style section, the style will be applied even in the free plan

Additional CSS Class, allows you to specify an additional class for this specific element. For example, if you give it a “my-new-class” additional CSS class, the item will inherit the style of what’s specified in the additional CSS section (that you’re unable to access as a free user).

For example a Table will block will have the following classes if you added a custom CSS class:
```
<figure class="wp-block-table my-new-class"> 
     <table>
         <tbody>etc.etc.</>
      </> 
</figure>
```
You then will be able to edit the tab by using the new CSS class as a CSS selector
```
 in the additional CSS section:

.my-new-class {
     option1: attribute;
     option2: attribute;
     etc...
   }
```
If something is unclear or I am missing the point of your question, let me know!

No items found.