WordPress.org

Ready to get started?Download WordPress

Forums

P2
[resolved] A blue highlight for posts (19 posts)

  1. ilushkin
    Member
    Posted 12 months ago #

    Hello,
    I'm looking out to switching from old Prologue theme to P2. But need some help at the styling.

    Is there any way to change the stylesheet, so blog posts would be highlighted in blue, just like the Link posts?

    And a bit of increase of font size would be helpful.

    Appreciate your help.
    Eli.

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 12 months ago #

    Can you link to a webpage where these "Link posts" are highlighted in blue?

  3. ilushkin
    Member
    Posted 12 months ago #

  4. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    A screen shot is not very useful with CSS questions - can't see any code. Try using a browser tool like Firebug to identify the code you need to change.

  5. ilushkin
    Member
    Posted 12 months ago #

    Solved?

    Added this to style.css
    Original:

    .postcontent {
    
    	overflow: visible;
    	padding-left: 60px;
    }

    Modified:

    .postcontent {
            background: #e4f2fd;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    
            font-size: 1.2em !important;
    	padding: 10px;
    
    	overflow: visible;
    	padding-left: 60px;
    }

    Is this right ?

  6. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    I can't see your site - if it changed the color and you don't have CSS errors, should be fine. BTW, you should not be making changes directly to theme files - your changes will be overwritten by theme updates. Instead use a child theme or custom CSS option or plugin.

  7. ilushkin
    Member
    Posted 12 months ago #

  8. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    So is that how you want it to look? Looks like you can get more of the post section by changing this as well:

    #main ul#postlist, #main .post ul {
    
    }

    BUT, like I said, I'd strongly recommend that you avoid modifying theme files.

    See: http://codex.wordpress.org/Child_Themes

  9. ilushkin
    Member
    Posted 12 months ago #

    Changing

    #main ul#postlist, #main .post ul {
    	overflow: hidden;
    	list-style: none;
    	margin-top: 0px;
    }

    To

    #main ul#postlist, #main .post ul {
    	background: #e4f2fd;
    	-webkit-border-radius: 5px;
    	-moz-border-radius: 5px;
    	border-radius: 5px;
    	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    	-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
    	font-size: 1.2em !important;
    	padding: 10px;
    }

    Really breaks first (top) post.

    Also, I can just change the theme folder name to something else, right? I mean if I want to avoid overwriting changes with the theme update.

  10. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    I can just change the theme folder name to something else, right? I mean if I want to avoid overwriting changes with the theme update.

    Yes, although you may then miss important (crucial) updates to the theme code.

    Did you remove the existing CSS? (that would explain why it broke) Try just adding the additional styles.

  11. ilushkin
    Member
    Posted 12 months ago #

    Did you remove the existing CSS? (that would explain why it broke) Try just adding the additional styles.

    Fixed that, Thank you.

    Yes, although you may then miss important (crucial) updates to the theme code.

    Well I will leave the P2 theme in original version and make updates accordingly, i guess. Or someday will figure out how to create child themes :)

    So far looks OK. Please let me know if see anything broken.

    Thank you,
    Eli.

  12. ilushkin
    Member
    Posted 12 months ago #

    Only list on this page seem to be broken. Has to do something with the padding I assume.....

    http://crazyfacts.com/crazy-song-titles

  13. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    EDIT - cross-posted - I'll look at that page.

    Looks okay to me :). Child themes really are not hard and can save you a lot of grief later on :). If you chose to not use one, just be very sure you have good backups and yes, change the name.

  14. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    That page seems to be using an entirely different theme? Prologue?

  15. ilushkin
    Member
    Posted 12 months ago #

    That page seems to be using an entirely different theme? Prologue?

    Looks like WP Super Cache showing old version of the website.

  16. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    Okay, got it now - that looks like this:

    .page .postcontent {
        padding-left: 0;
    }

    Did you add that? This is one reason modifying the CSS file directly gets messy... If nothing else, you could add Custom CSS (via a plugin like JetPack or My Custom CSS) and then put any changes there - it will be much easier to keep track of what's going on that way...

  17. ilushkin
    Member
    Posted 12 months ago #

    padding-left: 0;

    Hmmm. Thank you. Should I just remove it and document changes?

  18. WPyogi
    Volunteer Moderator
    Posted 12 months ago #

    Try it and see - it may affect other places. I'd really suggest that you add custom CSS and then move your changes there - you can use a file comparison program (try: http://www.diffchecker.com/ ) to compare your style.css file with an unmodified copy.

    The replace the style.css file with an unmodified one.

    I know that probably seems like a PITA right now, but it's really a better way to go about this :).

  19. ilushkin
    Member
    Posted 12 months ago #

    Thank you that's too much for me for one day. I will do it gradually. From now what it looks like, changes in looks from the previous theme (custom Prologue) are minimal. I hope that the visitors will like it.

    I really appreciate everyone's help. Thank you.

Reply

You must log in to post.

About this Theme

About this Topic