5 replies to this topic

[meeshking]

Hi there, I have a few questions;

1.) how do I define a background color for the left widget bar (behind the category widget so I can get rid of the white gap) as seen on this page;

Please Login or Register to see this Hidden Content

2.) there seems to be a loading problem with the widget bar. Every so often, when loading the widget bar it shrinks all of the images. It's random so I'm not sure if you will be able to re-create it. Any ideas? I tried to attach a screen cap, all files all seem to be too big.

3.) Is there a way to put a widget bar (column) inside the content area? I want to put a right side column where you see "Third Column" on this page -

Please Login or Register to see this Hidden Content

Thank you!
Michele

[James B]

Hi there

1) To add a background color to the widget try the below code and replace the hex value with your chosen color

Please Login or Register to see this Hidden Content

2) I'm not sure what you mean by images in the widget bar. I can't see any images in there at the moment other than the social icons. Can you confirm exactly which section you mean.

3) There's no options to put another sidebar inside the content area. You could create the effect of one using the grid system in the tools page. The shortcodes for which can be found here

Please Login or Register to see this Hidden Content

[meeshking]

Thanks for your quick response! It worked like a charm. M

[Rob]

The topic was marked as resolved.

[cskitchens]

I am trying to do this also. I need the left widget area to be a light pink and the center column to be a light gray. I used this code below in the custom code area of the Site Options, but no changes are evident.

 

 

li#categories-3.widget_categories {background:#dddddd;}

[James B]

Hi there,

 

The code above was specific to that clients layout, in order to find out which id's/selectors you'll need to put in for your code you'll need to use an inspector like firebug or chrome dev tools to see what's present on the page.

 

You'll be able to see an overview of the process here -

Please Login or Register to see this Hidden Content

 

The you can tweak the above code to apply it to your page.

 

Like .yourwidget {background:#dddddd;}