Adding an image to a sidebar

I am having issues adding an image to my sidebar.
Is there some special code I need to use to do that.
I've tried putting the image inside a simple <div> </div> and even tried putting into a simple table.

But the image comes out with aa 100pixel black margin arount it.

Have looked at all the tutorials and documentation but haven't found anything to help me.

When I put in simple text, it shows up fine.

But, I need to add more than text.

Thanks

Official response from Taylor Pineiro

Please see below!

Share this post

Showing 3 reactions

How would you tag this suggestion?

Add comment (optional)

Sign in with

Facebook Twitter

Taylor Pineiro

NationBuilder employee

Taylor Pineiro responded with completed

posted 2017-01-15 17:12:27 -0800
Algie Powers

Algie Powers commented
Brad, thank you so much for your comment. It turns out I was having a brain cramp. When I added the image, I put in the settings of width=“125” height=“100”. But in reality, and my brain refused to SEE this, I had it set at width=“125” border=“100”. The support people pointed it out and I was flabbergasted on how I didn’t notice that. Ha!
But, thanks again.
posted 2012-03-30 18:35:12 -0700
Brad Johnson

Brad Johnson commented
Algie, I’m not an expert at all, but it seems like you would want to look at the CSS and override the border. You can use the !important CSS declaration to override the default styles (like the image border), but I think it’s bad to rely on that (rather than using the cascade and specificity to override defaults). So something like: .myimageclass { border-style: none !important; }

And you would want to add the img tag in the template, but it sounds like you’re doing that. Hope this helps.
posted 2012-03-30 18:03:10 -0700