WordPress.org

1. thebrokengroup
   Member
   Posted 2 years ago #

   Is there a way to customize the post title so that it has an underline that goes the full width accross. I think i just need to put the post title in it's own div and give it a bottom border, but not sure where I would do that.

   Right now the post title in an h2 tag

2. Rev. Voodoo
   Volunteer Moderator
   Posted 2 years ago #

   can't be specific without a link to your site...but how I did it on my theme (cuz I wanted to have a little shadow on the line, just a bit fancier than standard css) was to see how wide the content area was in my css, then draw a line a bit shorter than that (in GIMP, or photoshop or whatev)

   then under the line of code that calls the title (in index.php) add:
   <div class="lineBreak"></div>

   and in css
   

   .lineBreak {
   background:url(images/line.gif) no-repeat;
   }

   there's a few ways to go about it, this is just the way that worked for me.

   you could just wrap the title in a div too, with the bottom border, depends on exactly what you want it to look like.

3. ChefSherry
   Member
   Posted 2 years ago #

   Hi,

   I am trying to underline my post titles so people know they are actually links. For example, Guest Commentary is my latest post and I would like it underlined.

   My site is: http://www.delicioushealthyfood.com

   Do I have to make a line graphic or could I just add a code like: <I></I>

   Would one of the codes you listed above work for me? If so, where do I put it so each new post title shows the underline?

   Thanks so much,

   Sherry

4. henkholland
   Member
   Posted 2 years ago #

   Sherry,
   In your style.css change this:
   

   .title a {
   color:#663300;
   text-decoration:none;
   }

   to this:

   .title a {
   color:#663300;
   text-decoration:underline;
   }

5. ChefSherry
   Member
   Posted 2 years ago #

   Thanks! I did that and it worked.

   Sherry

Topic Closed

This topic has been closed to new replies.