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.

CommentFileSizeAuthor
table_crop.png13.47 KBcdrakeau

Comments

gtsopour’s picture

gtsopour commented
Version: 7.x-1.x-dev » 7.x-1.1
Assigned: Unassigned » gtsopour
Issue tags: +Bluemasters theme, +bluemasters

Hello 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

<img src="" class="className"/>

2. Override your style.css rule. Put the following code exactly under line 240 of style.css

.node .content img.className { border:none; }

Thanks
George

cdrakeau’s picture

cdrakeau commented

I'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; }

cdrakeau’s picture

cdrakeau commented

Well, 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. :)

gtsopour’s picture

gtsopour commented
Status: Active » Closed (fixed)