WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Styling for Byline (15 posts)

  1. Maffu
    Member
    Posted 6 years ago #

    Hi folks,
    I want to change the style for the byline part of the posts. Specifically, under the header for each post there are two lines that look like this:

    Posted on December 13, 2007
    Filed Under Uncategorized | Leave a Comment

    They take their styling from the #contentleft p ID in the CSS. This is the same ID that governs the setup of the main body of the post and the byline looks just like part of the post.
    I want to make the above two lines smaller and lighter to make them visually separate from and less important than the rest of the post, but I can't find any style info which would allow me to change it.
    So two questions:
    How do I do it? (this is the most important question)
    Failing that, how do I make them go away completely?
    thanks for your help.

  2. Michael Fields
    Themer
    Posted 6 years ago #

    could you please post a link to your site?

  3. Jeremy Clark
    Moderator
    Posted 6 years ago #

    If you look in your themes main index template you should see some text that looks like this
    Filed Under <?php some code?> | <?php some more code ?>
    I've omitted specific code

    You could just enclose this in a span tag with a new class and style it in your style sheet

    <span class="byline">Filed Under <?php some code?> | <?php some more code ?></span>

    In your style sheet

    .byline {
    Your css code goes here;
    }
  4. Maffu
    Member
    Posted 6 years ago #

    @mfields
    I'm afraid not - it's set up on an intranet.
    If it helps, I am using t5he Modernpaper Theme - here is a screenshot

  5. Maffu
    Member
    Posted 6 years ago #

    @jeremyclark13
    Thanks , I can see that that should work, but it just isn't.
    It's not picking the style up from the PHP.

  6. Jeremy Clark
    Moderator
    Posted 6 years ago #

    Okay lets do this.
    First let me ask does the byline appear on the main page and the single post page if it does then paste both of these separately to http://wordpress.pastebin.ca and report the link back here. If not just paste the one that the byline appears on.

  7. Maffu
    Member
    Posted 6 years ago #

    Ah - now that you've said that I have noticed that it is working on the single page but not on the front page.
    So do what is it that I need to paste up for you?

  8. Jeremy Clark
    Moderator
    Posted 6 years ago #

    The main index template controls the front page.

  9. Maffu
    Member
    Posted 6 years ago #

    Ok, here is the index.php from the template directory.
    The line in question is Line 8.

  10. Jeremy Clark
    Moderator
    Posted 6 years ago #

    That looks correct. Have you cleared your browsers cache after the change. Also do you run wp-cache or super-cache if so you'll have to clear that cache as well.

  11. Maffu
    Member
    Posted 6 years ago #

    I've cleared my browser cache to no avail.
    I have no idea about wp-cache or super-cache so, unless they run by default, the answer is probably that I don't use them.
    It's all a bit of a mystery.

  12. Maffu
    Member
    Posted 6 years ago #

    I don't know if this has any bearing on this (as in perhaps pointing to a deeper problem with the installation) but I noticed that if i change the permalink options to date/name format, the links to the single page won't work - even on refreshed pages.
    Changing the permalinks back to the default method returns their functionality

  13. Jeremy Clark
    Moderator
    Posted 6 years ago #

    Is it an apache server if not then only the default permalinks will work. But this shouldn't affect your styling. Try this
    <p class="byline">Code</p>
    remove the span tags and just add the class to the p tag itself.

  14. Maffu
    Member
    Posted 6 years ago #

    It is an Apache server.
    I already tried giving the classID to the P tags.
    It didn't work - or, rather, it doesn't work on the front page.

  15. Maffu
    Member
    Posted 6 years ago #

    Ah! Found it - in the Theme Editor there is a link to home.php . I put the byline-classed tags in there too and it works.
    That'll teach me to use Dreamweaver instead of the tools at hand :)
    thanks for all your help Jeremy.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags