Return to previous page

Edit CSS table - by Ton - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 7 years, 7 months ago ago by Olga Barlow

Ton

Participant

May 26, 2017 at 16:13

Hi,

I want a simple table in the footer with opening hours. The theme gives this table under each row a white line. Can I edit this?

Thanks, Ton.

#164266 Copied Theme version: 3.14 WooCommerce version: 3.0.7

5 Answers

Max Mullins

Participant

May 26, 2017 at 16:29

Hello @Ton

Would you like to remove this line or change it in some way? To remove separator you may add styling custom.css:
.page .post-widget-item{border-bottom:0px}

Regards,
Max Mullins

#164269 Copied

Ton

Participant

May 26, 2017 at 23:02

Thanks Max,

For the mighty quick response. Unfortunately it did not work.
After inspecting the element I see the next lines in a CSS:

border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
border-bottom: 2px solid #1e1e1e;

in:

/*=============================================
= Default Tables #tables =
=============================================*/
table {
width: 100%;
max-width: 100%;
margin-bottom: 1.43em;
border-top: 1px solid #e6e6e6;
}
table th,
table td {
padding: 1.07em 0.71em;
vertical-align: top;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #e6e6e6;
}
table th:first-child,
table td:first-child {
padding-left: 0;
}
table th:last-child,
table td:last-child {
padding-right: 0;
}
table thead th {
padding: 1.43em 1.07em;
border-bottom: 2px solid #1e1e1e;
text-transform: uppercase;
font-weight: bold;
color: #1e1e1e;
}
/*—– End of Default Tables

I think that one or all of these three lines are the ones to be changed.
Can you tell me how?

Cheers, Ton.

#164284 Copied
Max Mullins

Participant

May 28, 2017 at 14:30
Hello.

I see that you have created own table wit your custom style class “mabel-bhi-businesshours”.
Please try following line to change color:
```
table.mabel-bhi-businesshours  td
{padding: 1.07em 0.71em;
vertical-align: top;
border-left: 0;
border-right: 0;
border-bottom: 1px solid black;border-top:1px solid black;}.
```
You may set all necessary styles in Child theme that was send to you within theme package. For example you may copy the code you mentioned from styles css and add your parent class to each line of code.It will adjust your custom table styling

Regards,
Max Mullins
#164315 Copied
Ton

Participant

May 28, 2017 at 16:13

Nice, Max

I will give it a try.

Have a nice day,

Ton.

#164317 Copied

Olga Barlow

Support staff

May 29, 2017 at 11:21

You are welcome!

Regards

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