Get rid of unwanted table border

  • Unknown's avatar
    satbrz · Member ·

    Hello there, I’ve trying to build my About-page with the help of a table and minor CSS tweaks to customize the look of the table. However, I haven’t been able to make the buttom border disappear. I have been looking at the code of the theme for hours (with the built-in Inspector by Firefox) but I couldn’t find out where the element with the definition of the border is. It’s definitely a table-related element. When I add another row another border springs up. Can you help me please?

    https://gaylifeingermany.com/about/

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    satbrz · Member ·

    I use the Apostrophe theme by the way!

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, I’m not seeing a button border on your about page. Can you explain a little further what you are wanting?

  • Unknown's avatar
    satbrz · Member ·

    Hi thesacretpath,

    thank you for looking into this! I mean the border at the bottom of each row. It’s displayed as a thin black line, but I’m almost sure that it has got to be the border of each table row.

    Once again, I appreciate you taking your time!

  • kathrynwp · Staff ·

    Thanks for clarifying! Give this a try and let me know how it goes:

    table tbody th, table td {
    border-bottom: none;
}
  • Unknown's avatar
    satbrz · Member ·

    Dear kathrynwp,

    it’s gone! Thank you so much! I wonder now what element was responsible for the border… do you think it’s possible to find out? Anyway, I’m happy!

    Cheers,
    sat

  • kathrynwp · Staff ·

    You’re very welcome!

    Using a browser inspector will help you figure out which element to target when making CSS changes; this is a good tutorial. So I used my inspector and saw this border when selecting your table: 

    table tbody th, table td {
    border-bottom: 1px solid;
}

    Which meant that the table and each cell had a 1px border that needed to be overridden with CSS.

    I’ll mark this as resolved now, but if you need help with anything else, don’t hesitate to start a new thread.

  • Unknown's avatar
    satbrz · Member ·

    Thanks again for the reply. I did use the Inspector and didn’t see what you posted there, so I’m left speechless (a little bit)… well next time I’ll keep my eyes wider open I guess.

  • kathrynwp · Staff ·

    I found that using the inspector definitely takes some practice – took me a while before I was fully adept at finding elements with it. :)

  • The topic ‘Get rid of unwanted table border’ is closed to new replies.