Adelle sidebar widgets

• 

  mdubal · Member · Aug 28, 2013 at 11:36 am

  • Copy link
  • Add topic to favorites

  Hi, I have 2 questions:
  1. I’m trying to add a custom sidebar title for each widget, but it is not deleting the title of the widget by adelle; my custom picture and the widget title are overlapping. How can I fix this? This is an example for the Archives that I’m using:
  #archives-3 .widget-title {
  background: url(http://myasmusingsblog.files.wordpress.com/2013/08/archives.png) no-repeat scroll center top / contain transparent;
  height: 50px;
  }

  2. How can I decrease the space on the top and bottom of each widget? They all seem so far apart from each other.

  Thank you so much!

  The blog I need help with is: http://myasmusings.com/

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

• 

  justpi · Member · Aug 28, 2013 at 1:31 pm

  • Copy link

  1. Try this:

  .widget-title {
      font-size: 0;
  }

  2. You have added this:

  .widget {
      padding-top: 5px;
  }

  Turn it to this and play with the values:

  .widget {
      margin-bottom: 5px;
      padding-bottom: 5px;
      padding-top: 5px;
  }

  By the way, your sidebar image gets cropped in narrower screens, so better set a relative width for it:

  #image-2 img {
      width: 100%;
      max-width: 240px;
  }

• 

  mdubal · Member · Aug 29, 2013 at 10:56 am

  • Copy link

  Worked perfectly! Thank you!