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

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?

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?

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.

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.

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