WordPress.org

1. FuxiAdmin
   Member
   Posted 2 years ago #

   Ok, I seem to making some ground with styling my headers but was hoping that somebody might be able to help me style my widgets.

   Currently in my widget.css, I have this code for the widget h3

   .cat-widget h3 {
   	position: relative;
   	display: block;
   	width: 292px;
   	height: 35px;
   	padding-left: 32px;
   	line-height: 35px;
   	background: url(img/widget_header.png) no-repeat;
   }

   Now I have 8 widgets on my home page, please view http://www.fuximagazine.com

   If the id in the page source is;

   <div class="cat-widget" id="Film">
   
   	<h3><a href="http://www.fuximagazine.com/category/film/" title="Film">Film</a><a href="#minimize" class="minimize"></a><a href="#close" class="close"></a></h3>
   	<div class="container">

   How do I write the css so that it targets the 'Film' widget? using the body class function if nessessary.

   Thanks

2. stvwlf
   Member
   Posted 2 years ago #

   #Film.cat-widget {

3. FuxiAdmin
   Member
   Posted 2 years ago #

   Thanks for the reply, do you know where I'd put the h3?

4. FuxiAdmin
   Member
   Posted 2 years ago #

   doesn't matter, it worked - thanks a lot.

Topic Closed

This topic has been closed to new replies.