Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 7, 2019 at 10:55 am #1125449
    bm_cw

    Hi there,
    I’m desperate to fix the format of my table for the exhibition dates of my customer.

    I am using the minimal data table format

    So I need a white border on the first line and a blue border (background color) on the lines below.

    This is the table related quick css that I am using so far, it probably needs to be modified. I am using more tables in the section above that should not be affected:

    .avia-table td {
    border: none!important;
    background-color: #fff!important;
    }

    .main_color tr,
    .main_color td,
    .main_color th {
    border-color:#000;
    border: 10px!important;
    }

    I am sending you a link in the private content section what it is supposed to look like.

    August 8, 2019 at 6:57 am #1125781
    Jordan Shannon

    Hey Carolin,

    Please provide a link to the site/page in question so we can look into this further.

    Best regards,
    Jordan Shannon

    August 8, 2019 at 12:05 pm #1125902
    bm_cw

    Here it is..

    August 11, 2019 at 8:25 pm #1126654
    Mike

    Hi,
    Sorry for the late reply, Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #top #termine.main_color .avia-table.avia-table-4 tr.avia-heading-row th {
    border: solid 1px #fff !important; 
}
#top #termine.main_color .avia-table.avia-table-4 tr:nth-child(3) {
	border: solid 1px #cde5e6 !important;
}

#top #termine.main_color .avia-table.avia-table-4 tr:nth-child(2) > td:nth-child(1),#top #termine.main_color .avia-table.avia-table-4 tr:nth-child(3) > td:nth-child(1) {
	border-right: solid 1px #cde5e6 !important;
}

    Then clear your browser cache and check.

    Best regards,
    Mike

    August 14, 2019 at 8:50 am #1127514
    bm_cw

    Hi Mike, thank you, that looks really great! Just a little thing: is it possible to vertically center the content of the first table row?
    At the moment it seems to be a little too high.

    Thanks
    Carolin

    August 14, 2019 at 9:01 am #1127520
    Mike

    Hi,
    Glad to hear, I found the top row has bottom margin on the heading, please include this css to remove:

    #top #termine.main_color .avia-table.avia-table-4 tr.avia-heading-row th h3 {
    margin: 0 !important; 
}

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.