WordPress.org

Forums

Sugar and Spice
[resolved] Modifing ending and begining of posts (7 posts)

  1. raquelzucchi
    Member
    Posted 1 year ago #

    Hey guys! I wanted to make a few changes at the begining and at the end of the blog posts. To make it clearer, I uploaded an image showing what I would like to change:

    image here

  2. raquelzucchi
    Member
    Posted 1 year ago #

    Nobody? ;(

  3. LN
    Member
    Posted 1 year ago #

    dans le fichier style.css
    "navigation"

  4. CrouchingBruin
    Member
    Posted 1 year ago #

    Can you post a link to your site? It would be easier to see what changes need to be made by examining the actual site.

  5. raquelzucchi
    Member
    Posted 1 year ago #

    Sure! here it is :)

  6. CrouchingBruin
    Member
    Posted 1 year ago #

    I don't know if your theme has a custom CSS option or not, but if so, copy & paste these rules into it. If not, then install a CSS plugin. Don't edit the theme's files directly!

    a.more-link {
       font-size: 1em;
       color: #09e;
       margin-top: 32px;
    }
    
    .blog article {
       border-bottom: double 3px #ddd;
       margin-bottom: 20px;
    }

    The first rule styles the "Read more" link. The first property, font-size controls the size of the font (duh!). The current value on your site is 0.786em, so I just made it a little bigger in my example above. The color property sets the text color using red/green/blue hex notation, and the margin-top adds spacing above the link. Adjust the values to whatever you'd like.

    The second rule adds a double-line border along the bottom of each of your post excerpts on the blog page. The margin-bottom property adds some spacing between the double line and the next excerpt.

  7. raquelzucchi
    Member
    Posted 1 year ago #

    Thank you so much for your time and super complete explanation! :) Perfect.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic