Jump to content


Photo
- - - - -
Resolved

Widget Column ~ Make A Background Color



  • Please log in to reply
5 replies to this topic

#1 meeshking

meeshking

    Advanced Member

  • Members
  • 51 posts

Posted 17 November 2012 - 01:52 AM

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

#2 James B

James B

    Advocate

  • Moderators
  • 4977 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 17 November 2012 - 02:16 AM

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



#3 meeshking

meeshking

    Advanced Member

  • Members
  • 51 posts

Posted 17 November 2012 - 06:25 PM

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

#4 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 17 November 2012 - 11:57 PM

The topic was marked as resolved.

#5 cskitchens

cskitchens

    Member

  • Members
  • 10 posts
  • Framework Version:2.4
  • Country: Country Flag

Posted 10 June 2013 - 08:04 PM

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;}



#6 James B

James B

    Advocate

  • Moderators
  • 4977 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 10 June 2013 - 08:37 PM

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;}







Also tagged with one or more of these keywords: Resolved