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?

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, 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.