Ocean Mist CSS Customization

leeartsandsciences · Member · Oct 1, 2007 at 8:38 pm
Copy link
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.
judyb12 · Member · Oct 1, 2007 at 8:46 pm
Copy link
try:
```
.postinfo p{
display: none;
}
```
leeartsandsciences · Member · Oct 1, 2007 at 8:50 pm
Copy link
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!
judyb12 · Member · Oct 1, 2007 at 9:15 pm
Copy link
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.
leeartsandsciences · Member · Oct 8, 2007 at 6:39 pm
Copy link
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).
leeartsandsciences · Member · Oct 8, 2007 at 6:42 pm
Copy link
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.
timethief · Member · Oct 8, 2007 at 6:44 pm
Copy link
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
leeartsandsciences · Member · Oct 8, 2007 at 6:53 pm
Copy link
Aaah, good catch. I’ll go edit the post slugs right away.
timethief · Member · Oct 8, 2007 at 6:54 pm
Copy link
I’m glad I could help. :)
leeartsandsciences · Member · Nov 5, 2007 at 8:52 pm
Copy link
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…
timethief · Member · Nov 8, 2007 at 7:31 pm
Copy link
@leeartsandsciences
I’m bumping this up the forum so a blogger with css expertise sees it and helps you.
devblog · Member · Nov 8, 2007 at 9:01 pm
Copy link
leeartsandsciences,

Add the following to your CSS:
```
.title h2 a {
     position:relative;
}
```
This should solve your clickable titles problem.
leeartsandsciences · Member · Nov 14, 2007 at 6:48 pm
Copy link
Wonderful! That helped tremendously. I’m going to go ahead and mark this as “Resolved”. Thanks again!!!

No items found.