CSS help on post page

  • ppmarques · Member ·

    Hi!
    Can you help with some css for post page to:
    1 – reduce space between Tags, Share section, Like post section
    2 – align all of then on the left
    3 – draw the diamond line after related post section
    4 – also align related post section on the left, and increase font-size

    And if you please,
    how can I reduce navigation post area (thinner and with background color)

    And background color for footer widget and sidebar widget

    Site: namelydays.com

    Thank you!

    The blog I need help with is: (visible only to logged in users)

  • binarymoon · Theme Author ·

    Hi – thanks for the message. The following custom css should help.

    1) reduce space between items:

    main #jp-post-flair, 
main div#jp-relatedposts, 
main div.pd-rating, 
main div.sharedaddy {
margin: 2rem 0;
}

    2) align left:

    main div#jp-relatedposts h3.jp-relatedposts-headline em, 
main div#jp-relatedposts h3.sd-title, 
main div.pd-rating h3.jp-relatedposts-headline em, 
main div.pd-rating h3.sd-title, 
main div.sharedaddy h3.jp-relatedposts-headline em, 
main div.sharedaddy h3.sd-title,
#jp-relatedposts .jp-relatedposts-items, .sharedaddy {
text-align: left;
}

    3) We can’t move the diamond I’m afraid. You can hide it with:

    .taxonomies:before,
.taxonomies:after {
display: none;
}

    4) Related posts font size:

    #jp-relatedposts .jp-relatedposts-post-title {
font-size: 0.8rem;
}

    By the way; since your site has a Business plan, you’re entitled to live-chat and email support from wordpress.com staff, accessible here:

    https://wordpress.com/help/contact

    I’m always happy to answer your questions in this forum, but those other support avenues may be faster, and you’ll always get a wordpress.com staff reply.

  • ppmarques · Member ·

    Great! Thank you!

  • The topic ‘CSS help on post page’ is closed to new replies.