[Solved] Newsletter css image style

[Ailsa_C]

Hi,
I’m driven mad trying to style an image. This is my table row:

 <tr>
                                                                        <td class="w580" width="580">
                                                                            <img id="borderimg" editable="true" label="Image" class="w580" width="580">
                                                                        </td>
                                                                    </tr>

I created an id #borderimg { border: 3px solid #aecbd6 !important; }

Can anyone tell me what I’m doing wrong? I don’t want to style the images asI don’t want a border on some of them.
Thanks in advance.

[Paulie_D]

Could you make a Codepen.io demo for us?

[Ailsa_C]

Hi,
Here’s the link (haven’t used codepen before – hope it works!). I put in an image for example.
http://codepen.io/anon/pen/Acevf
Thanks!

[Paulie_D]

Wow…that’s ship-ton of code!

Could you, firstly, strip it down to just enough to demonstrate the problem…and also put the relevant code in the appropriate sections.

CSS goes in the CSS section and so on.

[Kingslayer]

You put the #borderimg { border: 3px solid #aecbd6 !important; } in a media query. Border will only appear if browser width is smaller than 660px. Relocate it out of the media query and you will be fine you can even loose the important.

Btw. indent your code properly and you will have no trouble finding these …

[Ailsa_C]

Hi Kingslayer – genius that worked perfectly. Didn’t realise I was in a media query – amongst all that code!
Thanks for the tip.

[Author]

Posts