Jump to content

Custom "Read More"- text on blog page (Colima template)

Recommended Posts

@Fibula Oh I had this issue when creating a multi-lingual site Tanrich. You can see the site there actually has custom Readmore buttons for each language.

 

.blog-alternating-side-by-side .blog-more-link {
    position: relative;
    font-size:0 !important;
}

.blog-alternating-side-by-side .blog-more-link::before {
    content: "Blah blah blah"; /* EDIT text here */
    display: block;
    font-size: 1rem;
    margin-top: 10px;
    font-family: Poppins;
    font-weight: 300;
    font-style: normal;
    letter-spacing: 0em;
}

.blog-alternating-side-by-side .blog-more-link::after {
    margin-top: 13px;
}

 

Happy building,

Erin

Edited by Unlikely_IT

Happy Building wishes from unlikely IT 🖥️

If you find this post helpful, please do share a thumbs up. Many thanks!

Link to comment
On 4/8/2020 at 5:01 PM, Fibula said:

@Unlikely_IT Hi again! Your code worked like a charm, however the "read more" text and my danish version of the text seems to appear double when i go into mobile mode. How do i fix this?

Just add a !important to font-size. one sec I'll edit my original post code so it is all correct

Edited by Unlikely_IT

Happy Building wishes from unlikely IT 🖥️

If you find this post helpful, please do share a thumbs up. Many thanks!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.