Border around specification table

Tagged: table

Viewing 5 posts - 1 through 5 (of 5 total)

Author

Posts
October 16, 2015 at 9:48 am #519733

richardelectrix
Participant

Hi

How can I add a table around my specification table to match the border around other tables?

Specification table:
http://screencast.com/t/8nsVKj9Q

How I want th specification table to look:
http://screencast.com/t/6VzRueBdc

Also note the ‘headers’ case should be in Title Case rather than all CAPS.

How can I change that too?

October 16, 2015 at 1:54 pm #519955
Yigit
Keymaster
Hey richardelectrix!

Please add following code to Quick CSS
```
table.shop_attributes th, table.shop_attributes td {
    border: 1px solid #e2e2e2!important;
}
```
Best regards,
Yigit
October 16, 2015 at 2:02 pm #519969

richardelectrix
Participant

Hi

That works well on Desktop, but on mobile it looks strange …

http://screencast.com/t/GyNLCdZOq

Thanks

October 16, 2015 at 2:06 pm #519974
Yigit
Keymaster
Hey!

Please change the code to following one
```
table.shop_attributes th {
    border: 1px solid #e2e2e2!important;
}
@media only screen and (min-width: 767px) {
table.shop_attributes td { 
    border: 1px solid #e2e2e2!important;
}}
```
Cheers!
Yigit
October 16, 2015 at 2:17 pm #519984

richardelectrix
Participant

Perfect thanks
Author

Posts

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Border around specification table’ is closed to new replies.