Jump to content

Change hyperlink "Read more" on the blog to "Learn more" / use the blog as partner presentation

Go to solution Solved by Beyondspace,

Recommended Posts

Dear Community, 

I would like to introduce several partners on our website for the association. For this I imagined to insert the logo with short information + link to "Learn more". I imagine: one page as overview of the partners and then I come to a subpage of the respective partner with more information. 
So that the administrative effort is as small as possible and everything is well linked, the idea came that to make it with the "blog page". Problem: I don't want that under the title and description on the overview it says "read more" as if it were a blog article. There should be a button where it says "Learn more" or something similar. Can anyone help me with this?

 

Link to comment
  • Replies 4
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

2 hours ago, FranziRaad said:

Dear Community, 

I would like to introduce several partners on our website for the association. For this I imagined to insert the logo with short information + link to "Learn more". I imagine: one page as overview of the partners and then I come to a subpage of the respective partner with more information. 
So that the administrative effort is as small as possible and everything is well linked, the idea came that to make it with the "blog page". Problem: I don't want that under the title and description on the overview it says "read more" as if it were a blog article. There should be a button where it says "Learn more" or something similar. Can anyone help me with this?

 

Can you share your site so I can take a look?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
6 hours ago, FranziRaad said:

Here you see, what I mean. 

The question is how to change the "weiterlesen" link (eng: read more) into "learn more" and if possible show it as a real button.Bildschirmfoto2023-02-22um08_31_49.thumb.png.9b8d0714bae128416250cc926a2b92e6.png

You can try the following code on Home > Design > Custom Css

.blog-more-link:before {
  content: 'Learn more';
  visibility: visible;
  position: absolute;
  display: inline-block;
  padding: 10px;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  white-space: nowrap;
  background: #E68B2B;
  color: #fff;

}

.blog-more-link {
  visibility: hidden;
  position: relative;
  margin-top: 20px;
}

Support me by pressing 👍  or marking as solution if this useful for you

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • Solution

My testing

image.png.97a95cec35f11d9f6f9aab8b11db352e.png

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

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.