How to remove latest entry title

  • Author
    Posts
  • #1391236

    In the modularity Lite theme there is a “Latest” header at the top of the home page. How can I get rid of it and the line underneath it?

    I tried all of the suggestions in this old forum topic:
    https://en.forums.wordpress.com/topic/remove-latest-entries?replies=19

    The blog I need help with is idlewildonmission.org.

    #1391321

    timethief
    Member

    CSS editing is theme specific and that thread your linked to is for the Sight theme, not Modularity Lite.

    #1391325

    I realize that but it seemed that it was worth a try.

    #1391365

    fabianapsimoes

    Hi there,

    Give this bit a try:

    #content > h3.sub {
        display: none;
    }
    #1391377

    Worked perfect! Now I realize that I would like to have the black line under the post title. Any ideas?

    #1391381

    fabianapsimoes

    It seems you solved that one, right? Great!
    Let me know if there’s anything else I can help you with :)

    #1391383

    I have a couple more tweaks I am going to work on, your help would be nice.

    I want to put a black line under the post title and then put the date under the line with its own font statement.

    I want to take the categories out of the footer since I don’t use them and I want to adjust the footer font.

    #1391392

    fabianapsimoes

    I want to put a black line under the post title and then put the date under the line with its own font statement.

    In order to add the black line under the title of your posts, give this a try:

    .entry-title {
        border-bottom: 1px solid black;
    }

    However, I don’t think it is possible to move the date below the line. If you take a look at the source code of your page, you’ll notice that there’s no HTML element wrapping just the date. Because of that, there’s no way to target only the date with CSS and then move it around. We can try moving the whole box, with the “Posted by”, categories, tags and comment count information. Let me know if I can help you with that.

    I want to take the categories out of the footer since I don’t use them and I want to adjust the footer font.

    I don’t see categories in the footer of your page, so I guess you might be talking about the individual footers below each of your posts. Again, if you take a look at your source code, you’ll see that there’s no HTML element wrapping just the categories information. We can hide the “Uncategorized” link, but, unfortunately, not the “Categories” label.

    What do you want to do about the font? Here is an example of how to target the footer of your individual posts:

    .wf-active .postmetadata {
        color: red;
        font-size: 15px;
    }

    In this example, I’m changing the color and the size of the text. You can change the “red” and “15px” values to any color code and font size you wish to use, respectively. There are other CSS properties you can use with this CSS rule, depending on the changes you want to make to the style :)

    #1391396

    Thanks again, those tweaks worked good.

    I didn’t know that I could view the code for my theme, I use blogger but I am helping out with this Word Press blog, I don’t know where to see the code.

    I am trying to make the footer look neater, I guess I cannot get rid of the “Categories: Uncategorized” or move the date to the top.

    Maybe I could have separate lines in the footer? One with date and author and the tags and comments under that.

    #1391428

    fabianapsimoes

    Hey @diggintheworld,

    I didn’t know that I could view the code for my theme, I use blogger but I am helping out with this Word Press blog, I don’t know where to see the code.

    You can view the full code for your theme at https://themes.svn.wordpress.org/modularity-lite/. However, that’s not how I inspected your HTML. I did it through my browser’s developer tools (Firefox is my browser of choice, but most browser offer good developer tools). In Firefox, for example, to check the HTML for any element in your page, you can right click on the element and then select the “Inspect Element” option. This will display a panel with the HTML for the element you clicked and, on the right, all CSS rules that are applied to it.

    I am trying to make the footer look neater, I guess I cannot get rid of the “Categories: Uncategorized” or move the date to the top.

    Maybe I could have separate lines in the footer? One with date and author and the tags and comments under that.

    As I mentioned, because of the way Modularity Lite is coded, it is not possible to target the elements in the footer separately. If you take a look at the HTML for the footer (you can use that “Inspect Element” trick), you’ll see the following code:

    <p class="postmetadata alt quiet">
    <span class="byline">
    Posted by
    <span class="author vcard">
     |
    </span>
    July 18, 2013 | Categories:
    <a rel="category tag" title="View all posts in Uncategorized" href="http://idlewildonmission.org/category/uncategorized/">Uncategorized</a>
    | Tags:
    <a rel="tag" href="http://idlewildonmission.org/tag/go/">Go</a>
    ,
    <a rel="tag" href="http://idlewildonmission.org/tag/idlewild-baptist-church/">Idlewild Baptist Church</a>
    ,
    <a rel="tag" href="http://idlewildonmission.org/tag/missions/">Missions</a>
    ,
    <a rel="tag" href="http://idlewildonmission.org/tag/trip/">Trip</a>
    |
    <a title="Comment on There Is Still Time To Go In 2013" href="http://idlewildonmission.org/2013/07/18/there-is-still-time-to-go-in-2013/#respond">Leave A Comment ยป</a>
    </p>

    You can see that “July 18, 2013” and “| Categories:” are not enclosed by different HTML elements. Because of that, I can not target them with CSS to make changes to its styles separately. You can have the author information in one line and all the rest in another line (because the author information is enclosed by the “span” tag. For that, you can try the following CSS:

    .group-blog .byline {
        display: block;
    }

    Hope that helps you!

    #1391429

    That’s good everything you have given me worked perfectly.

    Thanks a lot

    #1391467

    fabianapsimoes

    You are welcome!

    #1391506

    One last request, I just realized that the fix that you gave me to put a black line under the post title doesn’t affect the page title. Thanks again.

    #1391513

    fabianapsimoes

    Hey, give this a try:

    .page h2:first-child {
        border-bottom: 1px solid black;
    }
    #1391514

    once again, it’s perfect! thanks again.

    #1391527

    I am pushing my luck?

    I just realized that the fix that you gave me:

    .wf-active .postmetadata {
    color: red;
    font-size: 15px;
    }

    Only works on the home page. If you are on the post page the font is very small.

    #1391542

    @diggingtheword, the designer used a slightly different HTML structure on the single post page metadata than on the main page. Change the selector @fabianapsimoes gave you from this,

    .wf-active .postmetadata

    to this:

    .wf-active .postmetadata, .wf-active .postmetadata small

    and the single post metadata sizes will match the main page.

    #1391569

    Worked great, thanks a lot

    #1391574

    You are welcome.

The topic ‘How to remove latest entry title’ is closed to new replies.