Ocean Mist CSS Customization

  • Author
    Posts
  • #146849

    Ok, I’ve run into a little thing I want to take care of, but don’t know if it’s possible through just CSS. On the Ocean Mist theme, the Categories are displayed not only at the bottom of each post (which I like) but the bottom of the blog itself. Now I would rather display that as a widget on the sidebar, but I can’t for the life of me figure out how to get it to “vanish” from the bottom of the blog itself.

    Any ideas? Any and all help is definitely greatly appreciated.

    #147237

    timethief
    Member

    No one can help you until you post the url for your blog please.

    #147429

    Oh my apologies, I just had figured that someone might be familiar with the Ocean Mist theme. The blog is hosted here, and is at:

    http://leeartsandsciences.wordpress.com/

    I’ve had some wonderful help so far, and everything seems to be going well with the theme other than this, and of course this isn’t something terribly “wrong”, I’m just hoping to customize it limitedly to remove the categorical links from each blog post. Of course, I don’t have access to the source files seeing as it’s a hosted blog on wordpress, but since I have access now to edit the CSS file, I really hope it’s possible to remove those categories.

    Actually Timethief, I clicked on your name and noticed you’re using the Ocean Mist theme. I must admit, it’s a very catching theme, I really like how its layout design is organized.

    #147430

    judyb12
    Member

    i think you should be able to do it with

    .catlist {
    display:none;
    }

    #147431

    judyb12
    Member

    nope, that won’t work. I’ll have to leave this to the CSS gurus, sorry :-(

    #147432

    atthe404
    Member

    .post{display:none}

    #147433

    judyb12
    Member

    @atthe404:

    won’t that get rid of the post meta data? I think the OP wants to get rid of the extra category list at the bottom of the page.

    #147434

    atthe404
    Member

    Should n’t do – if I read it right

    #147435

    Yeah, .post{display:none} get’s rid of the entire post meta data. I don’t actually want to remove the post data, just the categories at the bottom of each post. Check out my link above and see what I mean. With the theme I’m using, it’s displaying category information for each post within the post itself, that’s the stuff I’m trying to omit (if that’s even possible of course).

    #147436

    atthe404
    Member

    .postinfo {display: none}

    #147437

    Hmm… didn’t seem to do anything. In the original CSS though, this is where .catlist is at:

    .catlist {float: left; list-style: none; margin: 0 0 18px 0;}
    *:first-child+html .catlist {border-bottom: 18px solid #fff;}
    .catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}
    * html .onecol li {margin: 0;}
    .catlist ul {display: none;}
    .catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}
    .onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}
    *:first-child+html .onecol {border-bottom: 0;}
    .catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}
    .catlist a:hover {background: #F2F2F2;}
    #147438

    atthe404
    Member

    Well one minute you are trying to omit at the bottom of the blog then its in the post.
    But I think now its
    div.post ul, div.post p {dispay:none}

    #147439

    Hmm… it didn’t seem to do anything again. Very odd.

    #147440

    atthe404
    Member

    Did you copy and paste? There is a typo: Should be:

    div.post ul, div.post p {display:none} [ *l* in *display* added]

    If that does not work the CSS edits are not taking effect correctly. Sorry.

    #147441

    Oh I’m thankful for the help though. It honestly may not be possible. I did try it though:

    div.post ul,div.post p {
    display:none;
    }

    and it still just removes the entire post data. I’ll keep at it though, but I’m definitely grateful for all the help.

    #147448

    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.

    #147449

    atthe404
    Member

    I know. It is really annoying that the header remains. That is what I have been struggling with.

    #147450

    atthe404
    Member

    Found it:
    div.title h2 {display:none}

    Fingers crossed :)

    #147468

    That actually gets rid of the main header title for the post, but doesn’t have any affect on the categories at the bottom. Hmm, I’m still toying with it too, to see what I can come up with.

    #147469

    atthe404
    Member

    We did the cats already

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