Elementor is very convenient for creating web pages, but have you ever had a problem because fine layout adjustments did not work?
For example, such a scene in such an “image box” ↓
I want to put the image in the center, but I think there are many scenes where I want to align the title and text to the left. In Japanese, center alignment may be difficult to read due to line breaks in strange places. However, with the Elementor feature, it is not possible to justify the text part to the left. The only way to left-justify the text is to left-justify the entire image.
Left justify the title (or description) in CSS
Parts that cannot be edited with Elementor must be edited with CSS. Chrome’s developer tools are useful for finding ids and classes for pages created with Elementor.
How to use developer tools
Open the developer tools with Ctrl + Shift + i. You can search for the corresponding class in the order attached below.
Once you know the class name, edit the CSS in “Site Settings”> “Custom CSS” on the Elementor edit screen.
Now, even if you select center alignment in the image box, you can align the title and description to the left.