Change background colour for img links in sidebar

  • Resolved mariahantro

    (@mariahantro)


    14 years, 2 months ago

    Hi,

    I’m having a small problem with customizing the look of my site. If you look at my blog, you’ll notice the e-mail symbol in the sidebar, top right corner. What I want is for the grey frame/background (which turns blue when you hover) to become white, so the image looks seamlessly integrated into the background.

    I’ve tried to work out how to do this with CSS using Firebug (I’m in Firefox), but I can’t find a separate selector for image links in the text widget area, so I can’t change this to white without turning all the text links white as well. Put simply:
    is there any way to change the background only for image links, and not normal text links, in the sidebar text widget? Preferably using CSS, but if anyone’s got a suggestion for a different method, I’ll appreciate that, too!

Viewing 4 replies - 1 through 4 (of 4 total)

  • is that grey and blue a border or a background?

    if border:
    #meta a img {border: none;}

    if bg
    #meta a img {background: none;}

    In the style.css there is a class set called .textwidget{.

    Linked images will sometimes display a border by default, so you can just remove the border in the .css

    .textwidget.img {
	margin-top: 15px;
	padding-bottom: 15px;
	border:none;}
    Thread Starter mariahantro

    (@mariahantro)

    Both of you had good suggestions, but I’m afraid none of them worked. I tried this code just to see what would happen:

    img {
	border: none;
	background: #FFFFFF;
}

    and it actually worked! Guess I lucked out. But thanks anyway, I appreciate you trying to help ??

    Thread Starter mariahantro

    (@mariahantro)

    (Turns out I needed just the
    border: none;
    to make it work)

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Change background colour for img links in sidebar’ is closed to new replies.