Styling Reamore links

Nettie
28 Posts
Nettie posted this 18 April 2014

Hi,

Is there any possibility, to style a "Continue reading" or similar link?
For example, I would like to style it as a button, but do not see any option to do this.
It is only possible, to change properties for the links in post in general.

Hi, Is there any possibility, to style a "Continue reading" or similar link? For example, I would like to style it as a button, but do not see any option to do this. It is only possible, to change properties for the links in post in general.
Vote to pay developers attention to this features or issue.
3 Comments
Order By: Standard | Newest
Aileen
14 Posts
Aileen posted this 23 April 2014

I've found custom CSS solution only. For example for WP add the code like this to Settings > Additional CSS:

bd-postexcerpt-2 a, .bd-postexcerpt-2 a:visited, .bd-postexcerpt-2 a:hover, .bd-postexcerpt-2 a:active { background: #292929; background: -webkit-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: -moz-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: -o-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: -ms-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; -svg-background: linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: linear-gradient(to bottom, #454545 0, #0A0A0A 100%) no-repeat; }

It creates the background for the link.
However I havent' found how to do it in Designer, the link control seems does not have Shape, Background and other option settings.

I've found custom CSS solution only. For example for WP add the code like this to Settings > Additional CSS: bd-postexcerpt-2 a, .bd-postexcerpt-2 a:visited, .bd-postexcerpt-2 a:hover, .bd-postexcerpt-2 a:active { background: #292929; background: -webkit-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: -moz-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: -o-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: -ms-linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; -svg-background: linear-gradient(top, #454545 0, #0A0A0A 100%) no-repeat; background: linear-gradient(to bottom, #454545 0, #0A0A0A 100%) no-repeat; } It creates the background for the link. However I havent' found how to do it in Designer, the link control seems does not have Shape, Background and other option settings.

Last edited 24 April 2014 by Aileen

Support Team
Support Team posted this 23 April 2014

Hello,

Thanks but for me the code doesn't change the link to a button (actually, nothing happens..). Am I missing anything?
From another hand, giving button styles optionally to the Readmores - can you please consider adding this as a possible Wish?

Hello, Thanks but for me the code doesn't change the link to a button (actually, nothing happens..). Am I missing anything? From another hand, giving button styles optionally to the Readmores - can you please consider adding this as a possible Wish?
Support Team posted this 29 April 2014

There's another way to design Read More as button. Create button design under Default Styles
After that select the text which you'd like to design like a button and apply 'Edit button' content menu:

There's another way to design Read More as button. Create button design under Default Styles After that select the text which you'd like to design like a button and apply 'Edit button' content menu: ![](http://attachments.forum.billiondigital.com/140/140/CreateReadMore.png)
You must log in or register to leave comments