Changing Widget background color

  • vectorgeek

    (@vectorgeek)


    15 years, 6 months ago

    I was trying to figure out if there is an easy way to change the sidebar widgets background color. As you can see at my site http://vectorgeek.com/ the NexGen Gallery widget and the Admin widget both have a white background. I’d like to change it to match the background color #e4dec4.

    I know just enough about WordPress to be dangerous. For the most part it does exactly what I want and I usually leave well enough alone. It’s only when I need to customize it a little is when I run into problems.

    Help and suggestions are greatly appreciated.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Michael

    (@alchymyth)

    15 years, 6 months ago

    these widget boxes seem to have some subtle shading done with a lot of background images:

    from style.css of your theme:

    .box .wrapleft{ background: #fff url(images/box-left-bg.png) repeat-y top left; }
.box .wrapright{ background: transparent url(images/box-right-bg.png) repeat-y top right; }

.box .bl{ background: transparent url(images/box-bl.png) no-repeat bottom left; }
.box .tl{ background: transparent url(images/box-tl.png) no-repeat top left; }
.box .br{ background: transparent url(images/box-br.png) no-repeat bottom right; }
.box .tr{ background: transparent url(images/box-tr.png) no-repeat top right; }

    i would either
    try to change the graphics to match your other color;
    or
    try to remove the background image code and add a flat background color.

    Thread Starter vectorgeek

    (@vectorgeek)

    15 years, 6 months ago

    Thanks for your fast reply.

    I tried inserting that code in the style.css and I saw no change. Next I tried inserting it in the User CSS code box of the Arclite settings panel. That didn’t work either. I can live with it for now but it bugs me I can’t figure our something this simple.

    Michael

    (@alchymyth)

    15 years, 6 months ago

    that code is in the style.css of your theme arclite;

    as far as i know, these lines are the styles that make the background of your widgets.

    you need to edit it according to your ideas.

    Thread Starter vectorgeek

    (@vectorgeek)

    15 years, 6 months ago

    I looked in the style.css but I’m not knowledgeable enough to figure out what to change in it without messing things up.

    fluffblue

    (@fluffblue)

    14 years, 7 months ago

    Back stuff up. The DIY credo.

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

The topic ‘Changing Widget background color’ is closed to new replies.