Edit CSS table - by Ton - on WordPress WooCommerce support

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

  • Avatar: Ton
    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.

    5 Answers
    Avatar: maxmullins
    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

    Avatar: Ton
    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.

    Avatar: maxmullins
    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

    Avatar: Ton
    Ton
    Participant
    May 28, 2017 at 16:13

    Nice, Max

    I will give it a try.

    Have a nice day,

    Ton.

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    May 29, 2017 at 11:21

    You are welcome!

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.