StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Prose: need help with divider between post

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Prose: need help with divider between post

This topic is: not resolved

Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 23, 2013 at 1:58 pm #80949
    Yasmina
    Member

    I purchased genesis/prose couple weeks ago and since then been working hard as I am a newbie.
    I absolutely love prose ,but I am seriously stuck when it comes how to add horizontal line/divider between post.
    On my homepage I added genesis featured post and that's where I want the dividers show up. Is this possible or dream on?

    If it helps here is my site URL for now
    http://69.195.124.107/~minaandh

    December 23, 2013 at 2:15 pm #80952
    emasai
    Participant

    Find line 593 in your style.css file
    .post {
    margin: 0 0 40px;
    overflow: hidden;
    }

    and change to this
    .post {
    margin: 0 0 40px;
    overflow: hidden;
    border-bottom: 1px solid #CCC;
    padding-bottom: 10px;
    }

    This will give you a solid grey line, if you would rather it be dotted or dashed, just change the word solid. Or for a bolder line, change from 1px to 2px.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

    December 23, 2013 at 2:47 pm #80959
    Yasmina
    Member

    Thank you so much for responding quick !
    It worked like a charm

    What if you want to add a custom divider ? Is that possible ?

    December 23, 2013 at 4:57 pm #80978
    emasai
    Participant

    Yes you can add a background image, but then you might have to modify the media queries.

    Need Website Customization or a Responsive CSS fix? Contact Me
    Lynne emasai.com

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.