Penscratch 2 Theme: line between posts

  • Unknown's avatar
    jfn2nd · Member ·

    I recently switched from Penscratch to the Penscratch 2 theme. When I was using the original theme, I asked the following question:

    This if for my blog: https://johnfrancisnooney.com

    On the blog home page, each post is separated by a light-gray line. Is there a way to make that line darker and more prominent? Or even a different color?

    Thanks

    This was the very helpful answer I received

    Hi

    To change the color of your posts, you’ll want to add the following code to your Custom CSS editor. In order to edit the CSS, you will need to have the premium or business level WordPress.com account.

    The code below will make the link black. If you want to choose a different color, you can adjust the HEX color value (the # followed by 6 letters/numbers). Here’s a link that can provide many different HEX color values: http://www.quackit.com/css/css_color_codes.cfm

    If you’d like to make the line thicker, you can increase the 1 in the 1px section to a larger number.

    The border-bottom CSS property also has a few different styles to it. You can change the word solid to dashed, dotted, or a number of other options. See http://www.w3schools.com/css/css_border.asp to learn more about the different border properties.

    .hentry {
    border-bottom: 1px solid #000000;
    }
    Hope this helps!

    However, in switching to the Penscratch 2 theme, part of the code doesn’t seem to work. The first part works fine. I was able to make the line thicker. However, adding the HEX color value doesn’t work. I’ve tried several different code numbers, and the line still stays black.

    Any suggestions?

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

  • Unknown's avatar
    otpidusprime · Member ·

    Hi @jfn2nd
    You can try to change it to a completely different color so that the change is prominent. You can try ‘#42e0c7’ green: 

    .hentry {
    border-bottom: 4px solid #42e0c7;
}

    If you see the colors change, then its working. If you cannot then there might be some conflicting codes that is overriding this one to solve that, just add ‘!important’ like this: 

    .hentry {
    border-bottom: 4px solid #42e0c7 !important;
}

    This will prioritize the code over the other conflicting codes.

    Hope this helps 🙂

  • Unknown's avatar
    jfn2nd · Member ·

    Hi there!

    Thanks for the help. I’ve tried changing it to all sorts of colors, and it still remains black. I’ll try adding the !important; to the code, and see what happens.

    Thanks for your help and time.

  • Unknown's avatar
    otpidusprime · Member ·

    @jfn2nd Sure, take your time and let us know if it did work. 😇

  • The topic ‘Penscratch 2 Theme: line between posts’ is closed to new replies.