Twenty Seventeen: make linked text look like button?

manuschwendener · Member · Apr 27, 2017 at 8:53 am
Copy link

Add topic to favorites
Hi

I’d like to make the “Ältere Beiträge” link on https://ubblogtest.wordpress.com look like the ‘Ältere Beiträge’ button on https://ubblogtest.wordpress.com/alle.

The blog I need help with is: (visible only to logged in users)
otpidusprime · Member · Apr 27, 2017 at 10:41 am
Copy link
Hello @manuschwendener,
To do that, first add a custom class like “altere_btn” to the link by switching to the HTML tab of the post editor.
<a href="https://ubblogtest.wordpress.com/alle/page/2" class="altere_btn">Ältere Beiträge</a>

And then use this CSS:
```
a.altere_btn {
    box-shadow: none;
    color: #006c70;
    font-size: 16px;
    background: #ebebeb;
    padding: 0.84375em 0.875em 0.78125em;
}

a.altere_btn:hover {
    background: #a5d7d2;
    box-shadow: none;
}
```
Hope this helps 🙂
manuschwendener · Member · Apr 27, 2017 at 11:10 am
Copy link
Perfect, thanks a lot!

(I added <em<color: #006c70; to :hover, too)
otpidusprime · Member · Apr 27, 2017 at 11:11 am
Copy link
@manuschwendener awesome!
You’re welcome 🙂
manuschwendener · Member · Apr 27, 2017 at 11:11 am
Copy link
[I know there won’t be an edit function in the forum, but it would really be practical..]

(I added color: #006c70; to :hover, too)
otpidusprime · Member · Apr 27, 2017 at 11:22 am
Copy link
@manuschwendener
Maybe it will be implemented in future, who knows! 😄
manuschwendener · Member · Apr 27, 2017 at 11:26 am
Copy link
(https://en.forums.wordpress.com/topic/allow-users-to-edit-comments-time-limited-in-the-support-forums)
otpidusprime · Member · Apr 27, 2017 at 11:44 am
Copy link
@manuschwendener nice.
Now i know it would not be implemented at all. And also the reason why.

Thanks!

No items found.