css to change post title color on one page

  • This is a duplicate as I was told I had to create my own post even though it was the same issue as others that Pete_voce helped out.
    Thank you Pete for helping everyone!
    **********************

    I have tried every which way to change the post title text on one page with no luck. Here is the line of code I am working with that changes all 4 of my banner posts.

    #widget-header div#top-banners ul li.cycle a h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 36px;
font-weight:bold;
text-transform:uppercase;
margin-bottom:0px;
letter-spacing:-1px;
}

    Here is one change I have tried:
    .post-id-61 #widget-header div#top-banners ul li.cycle a h3 { color:#330099; }

    Can you give me some suggestions on how to do this?

    Thank you so much,
    Diana

Viewing 7 replies - 1 through 7 (of 7 total)

  • Try using Firefox with the Firebug add-on for this kind of CSS work.
    https://getfirebug.com/

    Thread Starter dianadolce

    (@dianadolce)

    Hummmm, well I downloaded Firebug and yes it shows information, but I use Dreamwearver CS5 and understand the CSS hierarchy. However, I am still learning WordPress and templates. Don’t know how to make changes to a single page title using firebug either.

    Any other suggestions for me?

    here’s my best shot, but I’m a bit tired so forgive me if it’s not 100% or even the best solution.

    You’ll find the_title in page.php.
    You could take the css for the_title (which you’ll find with firebug) and create a unique class for it.

    Then you can style the new class as you wish.
    Then, create a conditional so that the_title with the unique class only get’s used on a certain page.

    <?php if (is_page('page-slug')) { ?>

<h2 class="your-class"><?php the_title(); ?></h2>

<?php } ?>
<?php } else { ?>

<h2 class="entry-title"><?php the_title(); ?></h2>
<?php } ?>

    Thread Starter dianadolce

    (@dianadolce)

    Thank you deepbevel,

    I tried this and it didn’t work. It could be the template that I am using since when I look at the code in firebug I can not find the class named title or in the style css which is called within the page.php file.

    Major what to do next now I guess!

    Here is the url to my testing site:
    diananashif.com

    On the top banner the title of simple is the only one I want to change.

    sorry, I thought it was a page title. mutsa confused with another post.
    I can’t think of a way to apply the same thing to a menu title, I don’t know how to id an individual item, so can’t tell it what to do.

    If I come up with anything I’ll get back, a pure css solution would be nice, wonder if there’s a way to specify individual menu tabs in css?

    how-to-style-a-single-menu-item-differently-than-the-rest-of-the-menu

    Thread Starter dianadolce

    (@dianadolce)

    Thanks DeepBevel, I have had success in styling menu items separately, but in this case the top banner is a post created by a dashboard function called the top banner where there are only 4 post to be in this area and they don’t show up in the normal post list. It seems to be a template issue that I need to address with the template creator or just leave it as it is.

    I am sure that if I can figure out the correct css string to use, it will work eventually.

    Thanks again for all you have done to find the answer for me.
    Mucho Gracias!
    Diana

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘css to change post title color on one page’ is closed to new replies.