[Resolved] Align comments to right in header

[Andrew]

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!

[Leo]

Hi there,

Your site requires a login and password to view.

Are you able to provide it?

Thanks!

[Andrew]

Sure, I just sent it via your contact page.

Thanks!

[Andrew]

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

[Leo]

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 🙂

[Andrew]

Perfect, thank you!

[Leo]

No problem 🙂

[Author]

Posts