Ocean Mist CSS Customization

  • Author
  • #147470

    not really. What i’m trying to get rid of is the Category header. Like I posted before:

    So I tried this from early in this post:
    .catlist {
    It does remove the categories, but the word "categories" and the categories section at the bottom of the blog still remain. I have the categories on the sidebar, so they're not really needed anywhere else.

    I still want the main post info, I’m still just working on the categories. And the .catlist { display:none; } code is the only thing that rids the post of the actual categories themselves. However, the heading of the “categories” section at the base of every post still remains. Just check it out over on my blog, you might be able to see what I mean.


    As for the actual posts themselves, I’m entirely content with the situation of the header for each post, poster info, date, and post data itself. I just want to get rid of that pesky category information at the base of each post. And I’ve managed to rid the posts of the actual categories themselves, just not (or seemingly not) the “section” that it resides in or at the bottom of the blog as a whole. In other words, the only place, at all, categories should be listed (if it works) is on the sidebar via a widget. Not on the bottom of each post, or at the bottom of the blog.




    .postinfo p{
    display: none;


    Marvelous! That worked for taking the categories section out of the blog posts them self. Thank you so much for the help, that’s exactly what I needed. Now just to figure out how to do the exact same thing for the end of the blog itself, and I’m set!



    You’re welcome. I think that last part is going to give you some trouble (unless something that has already been suggested above will do it). When i look at the source for that section, i see:

    <div class="title">

    Which is the same as the title for the comments box:

    <div class="title">
    		  <h2>Leave a response</h2>

    I don’t know how to make sure the two are differentiated.

    On a side note, i cannot click any of the post titles on your main page. I have to go to the category list in the sidebar then click one there. Check you haven’t done something with the a property on the main page.


    Well I found out that this here is what’s messing with the clickable titles. It’s very odd…

    .title small {

    I can actually find the clickable region above the title itself (as if it were only one or so pixels wide).


    Oh, and the:

    .postinfo p {

    CSS code also get’s rid of the “leave a comment” line at the bottom of each post. Which is also strange.



    (1)When I click this title “Students Publish Research Journal”
    I get this link http://leeartsandsciences.wordpress.com/2007/08/29/hello-world/
    You need to edit the post slug. http://faq.wordpress.com/2006/10/23/post-options-post-slug/
    When you do correct it then the link will read like this http://leeartsandsciences.wordpress.com/2007/08/29/students-publish-research-journal

    (2) When I click this title “Gilbert Presents Paper at Communications Conference” I get this link http://leeartsandsciences.wordpress.com/2007/09/10/test-blog/
    Once again you need to edit the post slug and when you do it should read http://leeartsandsciences.wordpress.com/2007/09/10/gilbert-presents-paper-at-communications-conference


    Aaah, good catch. I’ll go edit the post slugs right away.



    I’m glad I could help. :)


    I’m still having some problems with this new issue of my posts not being clickable. For some reason I can’t seem to get the post title to be clickable so that someone can leave comments. Check the blog out to see what it’s doing, it seems to be condensing the “click area” to only a few pixels wide. The area can still be hover activated directly above the link, but it’s not expanded across the entire title of the blog posts.

    Very odd indeed…



    I’m bumping this up the forum so a blogger with css expertise sees it and helps you.




    Add the following to your CSS:

    .title h2 a {

    This should solve your clickable titles problem.


    Wonderful! That helped tremendously. I’m going to go ahead and mark this as “Resolved”. Thanks again!!!

The topic ‘Ocean Mist CSS Customization’ is closed to new replies.