Archived topic

Align comments to right in header

6 replies · Started by Andrew on October 12, 2019

Viewing posts 1–7 of 7

October 12, 2019 at 9:52 am #1032910

Hey!

I've managed to use the snippets plugin and add the comments to the header, however, I can't seem to do two things successfully:

1. Align them to the right - https://d.pr/i/JR03sK

2. Add a comment bubble icon to the left of the text.

Any help would be greatly appreciated :)

Thanks!

October 12, 2019 at 9:54 am #1032912

Hi there,

Your site requires a login and password to view.

Are you able to provide it?

Thanks!

October 12, 2019 at 11:16 pm #1033265

Sure, I just sent it via your contact page.

Thanks!

October 12, 2019 at 11:47 pm #1033273

I added a snippet to achieve the current look also: https://d.pr/i/NGfLCw

October 13, 2019 at 8:53 am #1033540

Try this CSS:

.entry-header .comments-link {
    float: right;
}
.comments-link:before {
    content: "\f086";
    font-family: GeneratePress;
    text-decoration: inherit;
    position: relative;
    margin-right: .6em;
    width: 13px;
    text-align: center;
    display: inline-block;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps :)

October 13, 2019 at 9:04 am #1033555

Perfect, thank you!

October 13, 2019 at 9:29 am #1033577

No problem :)

This archived topic is closed to new replies.

Start building better websites today.