Automattic / themes

Free WordPress themes made by Automattic for WordPress.org and WordPress.com.
https://themeshaper.com
GNU General Public License v2.0
891 stars 355 forks source link

Lovecraft: Image Captions Not Centered #1377

Open rinazrina opened 5 years ago

rinazrina commented 5 years ago

Steps to replicate

When adding an image to a post in Lovecraft theme, the image caption looks centered in the editor, but when viewed live, it's pushed to the left.

  1. Create a post on a site with the Lovecraft theme
  2. Add an image and add a caption on the image and align it to center.
  3. Publish the post
  4. View the post live to see the image caption location (reflected as centered in the editor, but to the bottom left of the image when viewed live)

Result

Example image caption on the post editor: caption-centered-on-editor

The image caption after the post published: caption-not-centered-when-published

Expected

I expected the caption alignment created in the editor is the same with the location of the caption to be replicated on the live site.

User report: #2317078-zen

Then replicated/tested on my own site as shown in the example screenshots above. Link to my test site: https://testrina12345.blog/2019/05/06/morning-tea/

In the ticket, I gave them the following CSS as a workaround:

figcaption {
    text-align: center;
}
kaitohm commented 4 years ago

Another report: 24032084-hc

Other formatting was also removed from the captions. I sent the following CSS code:

.wp-block-image .aligncenter>figcaption {
  font-size: .9rem;
  line-height: 160%;
  color: #444;
  text-align: center;
}
davipontesblog commented 2 years ago

Another instance affecting the user, I sent CSS to fix:

4557567-zd-woothemes

.wp-block-image .aligncenter>figcaption {
    text-align: center;
}
kingsleyinfo commented 2 years ago

An HC reported this here 4952315-zd-woothemes

They suggested a block paragraph, as the user is on the Personal plan and cannot use custom CSS.