How to Customize Read More Button in GeneratePress Theme?

GeneratePress Theme Me Read More Button Ko Add Kaise Karte Hai Aur use Customize Kaise Karte Hai ? Iske Baare Me Ham Aapko Batayenge. Ham Jo CSS Code Denge Use Aap Kisi Bhi Colour Me Change Kar Sakte Hai.

Dosto Aapko Niche Diye Gye CSS Code Ko Apa Copy Karke Additional CSS Code Par Paste Kar De,

a.read-more.button {
    font-size: 16px;
    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;
}

a.read-more.button:hover{
   color:#115cfa;
   background-size: 100% 6px;
   background-color: #115cfa00;
}
Sharing Is Caring:

An aspiring BCA student formed an obsession with Blogging, SEO, Digital Marketing, and Helping Beginners To Build Amazing WordPress Websites.

Leave a Comment