Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
I have an HTML table in my 'About' page and I want to remove the light-blue image border for just that section. Could someone tell me how to do this? I have enclosed a pic of what the table looks like.
Comment | File | Size | Author |
---|---|---|---|
table_crop.png | 13.47 KB | cdrakeau |
Comments
Comment #1
gtsopour CreditAttribution: gtsopour commentedHello cdrakeau
By design, all image sources inside content have a border style. In order to override this css rule, try the following steps:
1. Add a unique class to those images
2. Override your style.css rule. Put the following code exactly under line 240 of style.css
Thanks
George
Comment #2
cdrakeau CreditAttribution: cdrakeau commentedI've changed the coding so what was originally at line 240 is no longer there. What is the exact code that this should go under? Is it this one?
.node .content img { border: 1px solid #ced1da; background: #eef0f5; padding: 4px; margin:20px 0; }
Comment #3
cdrakeau CreditAttribution: cdrakeau commentedWell, I edited the CSS code that gtsopour gave me and the one that worked was this:
.node .content img.className { border:none; background: none; padding: 0px; margin: 0px;}
Problem solved. :)
Comment #4
gtsopour CreditAttribution: gtsopour commented