Docs

[dmick89]

Hello and thank you for any help. I’m wanting to align the comment content below the avatar and meta content like in the image below.

The site I’m working on is still in development, but here’s a link if it helps. http://obstructedview.net.routing.yourhost.co/cubs-4-brewers-3-42616/

Thank you

[Rue Nel]

Hello There,

Thanks for writing in! To align the comments below the avatar, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.x-comments-area .x-comment-content {
    margin-left: -70px;
    margin-top: 30px;
}

Please let us know if this works out for you.

[dmick89]

Thank you. That works perfectly for desktop, but unfortunately throws the alignment off on my phone and probably any device smaller than the desktop.

[dmick89]

I was able to use a media query to get it to work for desktop sizes. I still can’t figure out how to move the margin a bit so my phone looks a bit better.

[Rupok]

Hi there,

Thanks for updating.
You can add this under Custom > CSS in the Customizer.

@media only screen and (max-width: 480px) {
.x-comment-content-wrap {
  padding-left: 10px;
}
}

Hope this helps.

Cheers!

[dmick89]

That helps a lot. Thanks. What would I need to use for the media query to get the comment content under the comment header on the iPad? Thanks again.

[Darshana]

Hi there,

Can you please provide a screenshot of your issue on iPad? so that we can assist you with a CSS workaround.

Thanks!

[Author]

Posts