Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 20, 2022 at 5:40 am #301761
    Naoko
    Participant

    Hi.

    I’d like to remove one vertical line under a table -the left of the caption area.
    Can I do it with additional CSS?
    My page is:
    https://chokowalk2.sakura.ne.jp/flowers/josenji-yamato/
    Regards,
    Naoko

    March 20, 2022 at 12:44 pm #301778
    tikaram
    Participant

    @naoko-kaku : I will get back  to you soon.
    Regards,
    Tikaram

    March 21, 2022 at 6:44 am #301820
    tikaram
    Participant

    @naoko-kaku : Please try adding the following additional css.

    .wp-block-table {
  overflow: unset;
}

    Regards,

    Tikaram

    March 21, 2022 at 9:26 am #301847
    Naoko
    Participant

    Hi Tikaram,

    Thank you for your reply. It works!  I’ve just removed the line under the table with your additional CSS.

    I have one more question.
    I noticed that the top and left lines of the outer frame of the table are thick, and the bottom and right lines are thin. Can I make the bottom and right the same thickness as the top and left?

    Regards,
    Naoko

    March 23, 2022 at 12:42 am #301935
    tikaram
    Participant

    @naoko-kaku : Please try adding the following additional css.

    
.wp-block-table {
     border-width: 1px 1px 1px 1px;
}
table {
   margin:0;
}
    March 23, 2022 at 9:32 am #301974
    Naoko
    Participant

    Hi Tikaram,

    Thank you for your reply. I understand that I need only your second CSS for my purpose.

    I also understand that this solution works only in the case of tables which don’t have captions.

    Thank you, again.

    Regards,
    Naoko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Remove line under a table (the left of the caption area)’ is closed to new replies.