Modularity Lite – Hide page titles

  • Author
    Posts
  • #580525

    umea4ever
    Member

    Hello!

    I have been making som changes to the Modularity Lite theme – with valuable help from the forum, thanks! – and new challenges appear.

    I would like to hide the page titles. (Would like to keep the blog titles though!) At first I set them to white on white background, but that isn’t really a good solution. And for some reason the title still shows on one of the pages (the one called “Under construction”). I searched the forums and found some codes that seem to have worked for someone else, but not for me. Maybe because it’s a different theme?

    When the page titles hopefully disappears, I hope the top of the post will be aligned with the top of the side widget. If not, I would also be grateful for a code that lets me adjust the top point of the side widget.

    As always grateful for any help!

    The blog I need help with is umea4ever.wordpress.com.

    #580628

    umea4ever
    Member

    (The page “Under Construction” is now changed to “Hjem”)

    #580634

    This will get rid of it.

    .span-24 h2 {
    display: none;
    }
    #580723

    umea4ever
    Member

    Thanks a lot!
    That got rid of it on the main page (hjem), which is really great, but not on the other pages. If you mouse over it you will se that there is a white title there, not aligned with the rest of the text. (I have used indent on it in the page editor). If it is possible I would like to do either:

    1. Get rid of the headlines on all pages, (but not the blog titles)
    or
    2. Align the headlines with the indent text, and get the top of the content aligned with the top of the side column (widgets).

    Is this possible?

    Is this possible?

    #580725

    umea4ever
    Member

    Hehe, I only meant to ask once!

    #580726

    Ah, I didn’t see that. The following will do it, but until you add some content to the blank pages, once you enter this, the sidebar is going to move to the left side of the page because there is no content there to keep it to the right (it’s set as float:left; ).

    .content h2 a, .content h2 {
    display: none;
    }
    #580727

    umea4ever
    Member

    Wonderful! Thank you so much!

    Then there is actually one last thing I would like to fix. If you have the time! for instance look at the blog now, you’ll see that the title and the borders both to the left and to the right goes further out to the sides than the header image and main text.

    Is there any way to make it more aligned?

    #580728

    umea4ever
    Member

    Oh, and when I added a test comment the side widget fell down to the bottom. What can I do about that?

    #580731

    A comment where exactly?

    #580732

    These changes will take care of the alignment issues with the navigation and the title/tagline.

    #top {
    width: 990px;
    }

    #masthead span.description {
    padding: 0.35em 0;
    }`

    #580733

    umea4ever
    Member

    Here:

    http://umea4ever.wordpress.com/2011/02/01/blog-test/#comments

    I also just noticed that the blog titles disappeared as well. Is there any way to keep them but not the page titles? Sorry for adding so many questions, they do appear as I keep going. But I think this is the last!

    #580734

    On this post, http://umea4ever.wordpress.com/2011/02/01/blog-test/ , the sidebar is where it should be in Safari and Firefox.

    #580735

    Oops, my bad on the titles. Change what I gave you to this.

    .page .content h2 a, .page .content h2 {
    display: none;
    }
    #580744

    umea4ever
    Member

    Strange, it’s in it’s right place in Google Chrome too. seems it only falls down in IE. I had the same problem in another blog a while ago, and it just suddenly got back in place after a few days. Hope the same thing happens here, then!

    The blog titles are back, great!

    The alignment codes did not make any difference at all, very strange. Maybe I’ve done something wrong, but I tried a couple of times.

    Maybe I have to write in different values?

    #580748

    I’m not sure how much you did as far as widening or modifying the main elements of the blog through CSS, so I don’t know if this is perhaps a base Modularity LIte issue or not.

    What version of IE?

    I don’t see the change in width to #top nor do I see the other change.

    #580749

    The values are fine. I did the work using Firebug live on your blog and see the changes right now. I forgot the backticks the first time around, so try the below. Copy and paste at the bottom of your CSS.

    #top {
    width: 990px;
    }
    
    #masthead span.description {
    padding: 0.35em 0;
    }
    #580751

    umea4ever
    Member

    I have now saved with this code at the bottom but I still see no difference. Weird.

    #580754

    Force refresh your browser. I’m seeing the change live right now.

    #580756

    umea4ever
    Member

    I have refreshed both IE, Firefox & Chrome. The top alignment is there, which is great, but the blog titles and the borders are still not vertically straight aligned with the main content
    Is it in your browser?

    #580757

    Yes, both in Safari and Firefox. Last night I helped a forum volunteer with a CSS change to her blog, and it took about ten minutes before the change showed up for me, and it took overnight for the change to show up for her. I’m not sure if this is possibly a caching issue at an invisible proxy server at ISP’s or what.

    Last thing to try, log out, clear your browser cache and cookies, restart your browser and then take another look.

The topic ‘Modularity Lite – Hide page titles’ is closed to new replies.