Return to previous page

Tables design - by BorisZajicek - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 5 years, 9 months ago ago by Rose Tyler

BorisZajicek

Participant

February 4, 2019 at 10:01

Hi,
please do you have any advice how ho make better looking tables (in product description inserted simple “excel” table)?
When i simply copy it into description text it gives not very nice result table without border spaces etc. See pics https://prnt.sc/mgbybr .
Do you have any tip how to make nicer tables, maybe using some plugin (free)?
Thank you

#208461 Copied Theme version: 5.1.5 WooCommerce version: 3.5.4

5 Answers
Rose Tyler

Support staff

February 4, 2019 at 10:10
Hello,

Please read these articles
https://www.w3schools.com/html/html_tables.asp
https://www.w3schools.com/css/css_table.asp
You can add custom css code in Theme Options > Custom css. For example, http://prntscr.com/mgc3a5
```
.single-product tr:nth-child(even) {background-color: #f2f2f2;}
.single-product table td:first-child {
    padding: .71em;
} 
```
Regards
#208462 Copied
BorisZajicek

Participant

February 4, 2019 at 11:25

Tried to put this code into Global Custom CSS but nothing happens with table design on product page…
https://prnt.sc/mgd5qg

#208470 Copied

Rose Tyler

Support staff

February 4, 2019 at 11:35

Please clear cache and check one more time http://prntscr.com/mgdbas

Regards

#208471 Copied

BorisZajicek

Participant

February 4, 2019 at 11:57

OK, cache was the problem.
Thank you!

#208472 Copied

Rose Tyler

Support staff

February 4, 2019 at 11:59

You’re welcome!

Regards

#208473 Copied
Viewing 6 results - 1 through 6 (of 6 total)