[Resolved] Divider lines

[Piotr]

Hi guys!

Is there a way to insert a “divider” line under each blog post?
Here is the example of what I’m thinking about :

Thanks!

[Leo]

Hi there,

Try CSS like this:

.post {
    border-bottom: 1px solid #000;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[Piotr]

Great! Thank You 🙂

[Leo]

No problem 🙂

[MADHEPUR]

Hey Tom,I want to make a ease out transition to read more button with ease-in-out on hover of o.3s.
Thanks in advance

[David]

Hi there,

can you raise a new topic where you can share a link to your site and explain a little more on what the ‘transition’ should be.

[MADHEPUR]

Hey David below is the link of someone’s website and I want exactly the same transition to read more button.
Here is the link :Website link

And I got this code from browser inspection tool :the transition effect is not working on my website
My website Link

a.read-more.button {
font-size: 18px;
background-color: rgba(255,255,255,0);
color: #115cfa;
text-decoration: none;
background-image: linear-gradient(transparent 2px,#2ed392 2px,#2ed392 4px,transparent 4px),linear-gradient(transparent 2px,#d8dce9 2px,#d8dce9 4px,transparent 4px);
background-size: 0% 6px,100% 6px;
background-position: 0 bottom,0 bottom;
transition: background-size 0.3s ease-in-out;
background-repeat: no-repeat;
padding: 10px;
font-weight: bolder;
}

[David]

It looks like it is working to me ? Try clearing your browser cache

[MADHEPUR]

Oh yeah it’s really working thanks from bottom of my heart.

One more query :
I want to give 2 pixel horizontal line below my each featured post only but not to the wheel site content.

[MADHEPUR]

Sorry whole site.

[Leo]

Can you open a new topic for your question?

Thanks 🙂

[MADHEPUR]

Hey there, I want to remove #more-123 from the URL when cLicked on read more button.

[Leo]

Please open a new topic for your question as it’s completely unrelated to the original topic here.

[Author]

Posts