Ocean Mist CSS Customization

  • Author
    Posts
  • #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 {
    display:none;
    }
    
    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.

    http://leeartsandsciences.wordpress.com/

    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.

    #147471

    judyb12
    Member

    try:

    .postinfo p{
    display: none;
    }

    #147472

    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!

    #147473

    judyb12
    Member

    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">
    	  <h2>Categories</h2>
    	</div>

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

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

    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.

    #147489

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

    .title small {
    	position:absolute;
    	bottom:1px;
    	left:42px;
    	color:#67939B;
    	display:block;
    }

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

    #147490

    Oh, and the:

    .postinfo p {
    	display:none;
    }

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

    #147491

    timethief
    Member

    Aside:
    (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

    #147492

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

    #147493

    timethief
    Member

    I’m glad I could help. :)

    #147561

    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…

    #147562

    timethief
    Member

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

    #147563

    devblog
    Member

    leeartsandsciences,

    Add the following to your CSS:

    .title h2 a {
         position:relative;
    }

    This should solve your clickable titles problem.

    #147567

    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.