CSS Oxygen Theme Widget Spacing

• 

  ggvogue · Member · Apr 1, 2013 at 3:30 pm

  • Copy link
  • Add topic to favorites

  Hello,
  Im testing the CSS Design before buying it to see if it can help eliminate spacing between widgets. I’m having a problem now that I want to make three images look like one using the image widgets. I’ve tested and looked all over the internet to help eliminate spacing. Can anyone help?

  The blog I need help with is: (visible only to logged in users)

• 

  ggvogue · Member · Apr 1, 2013 at 3:48 pm

  • Copy link

  I have tried this. It works in for the image but it condenses all of the widgets together too much. How can I focus it on one widget?

  .widget-area .widget{margin-bottom:0px;margin-bottom:-3.5rem}

• 

  ggvogue · Member · Apr 1, 2013 at 3:49 pm

  • Copy link

  Well actually three image widgets.

• 

  justpi · Member · Apr 1, 2013 at 4:13 pm

  • Copy link

  What you’re trying to do isn’t very reasonable. You can do it more easily in two different ways (that don’t require the upgrade).
  a) A set of images is easy to manipulate if you add all the images in one text widget. For basic coding see this post of mine:
  http://wpbtips.wordpress.com/2009/04/01/codes-useful-for-text-widgets/
  b) What you’re looking for doesn’t even require three images: you can use one image (in a text widget), and apply image mapping to it. You can work this out here:
  http://www.isdntek.com/tagbot/imap.htm

  Before you try either of these, you need to use an image editing application to downsize the image(s) to the right pixel dimensions for your sidebar (maximum 160 pixels wide).

• 

  ggvogue · Member · Apr 1, 2013 at 4:32 pm

  • Copy link

  Thanks so much! Worked like a charm! Gotta bookmark your page.

• 

  justpi · Member · Apr 1, 2013 at 4:46 pm

  • Copy link

  You’re welcome!
  You now need to turn the “DESCRIPTIVE TEXT HERE” of my model into actual descriptive text for each image.