Trouble customizing widgets in Comet

• 

  alydonnelly · Member · May 30, 2014 at 2:13 am

  • Copy link
  • Add topic to favorites

  I’ve been trying to customize the widget titles in the Comet theme. I realize it’s an old theme, but it’s the best one I have found so far for what I need. My issue is that the widget headings show up highlighted and no matter what I do I can’t make the highlight go away. I even disabled the original theme template to only load my own. The widgets show up on my blog page: http://aliannedonnelly.com/blog.

  Here is the code I am using:

  /* =Widgets
  -------------------------------------------------------------- */
  
  .widgets {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  }
  .widget {
  	margin: 10px 0 0 0;
  	overflow: hidden;
  	padding: 10px;
  }
  .widget:first-child {
  	margin-top: 0;
  }
  .widget h2 {
  	font-size: 150%;
  	font-family: 'Adobe Garamond Pro', Garamond, Palatino, 'Palatino Linotype', Times, 'Times New Roman', Georgia, serif;
  	color: #000000;
  	font-variant: small-caps;
  	margin: 10px 0;
  	padding: 0 10px 2px 0 !important;
  	text-transform: none;
  	text-align: center;
  }
  .widget ul,
  .widget ol {
  	list-style: none url( 'images/right-angled-quote.png' );
  	margin: 0 0 0 25px;
  }
  .widget li {
  	border-top: solid 1px #fff;
  	border-bottom: solid 1px #dfdfdf;
  	padding: 5px 0 5px 0;
  }
  .widget li li:last-child {
  	border-bottom-width: 0;
  }
  .widget li:first-child {
  	border-top: 0;
  }
  .widget ul li ul.children {
  	border: 0;
  }
  .widget ul li ul.children li {
  	border: 0;
  	margin: 5px 0 0 0;
  }
  .widget_authors img {
  	vertical-align: middle;
  }
  .widget_tag_cloud {
  	line-height: 1.3;
  }
  .comet-sidebar-content-sidebar #c1 .widget img,
  .comet-sidebar-content-sidebar #c3 .widget img {
  	max-width: 155px;
  	height: auto;
  }
  .comet-sidebar-content-sidebar #c1 .widget .wp-caption {
  	width: 172px !important;
  }

  Is there a global variable somewhere I am overlooking? How do I get rid of the gray highlight?

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

• 

  jeremeylduvall · Member · May 30, 2014 at 5:16 pm

  • Copy link

  Hi Alianne,

  Can you give this a try?

  .widget h2 {
  background: none;
  }

• 

  alydonnelly · Member · May 30, 2014 at 5:25 pm

  • Copy link

  Hi Jeremey,

  I tried it. No effect.

• 

  jeremeylduvall · Member · May 30, 2014 at 6:26 pm

  • Copy link

  Hi Alianne,

  Currently, the widget titles do not have backgrounds on my side as shown here:

  

  Is that what you were looking to achieve? Please let me know if I’m misunderstanding!

• 

  alydonnelly · Member · May 30, 2014 at 6:30 pm

  • Copy link

  Yes! That is it exactly. It wasn’t showing on my end, I guess there is a lag in update time. Thank you so much!

• 

  jeremeylduvall · Member · May 30, 2014 at 8:57 pm

  • Copy link

  Not a problem! Let me know if you need anything else.