Blog post elements in wordpress classic editor

Hello

I would like to use the same blog display as the demo but I can’t do it with the wordpress classic editor.

Exemple in the screen 1 I would like to use the line under the title and the pink vertical line.
But when I edit the blog post, screen 2, the settings of the lines disappear…
I can’t find documentation about the blog in the support section, so can you help me please.

Thanks
Romain

Attachments:

You must be logged in to view attached files.

Hello,

If you are editing the Blogs with Classic Editor and you want to achieve that Horizontal and Vertical Line then for the horizontal line, you can use the related option available under the text formatting of the classic editor: https://snipboard.io/DKTNHG.jpg

For the vertical line, that is appearing through the Block Quote. So, you can use the Blockquote element under the Classic editor for that: https://snipboard.io/0WHjwY.jpg

Best Regards

Hello Aizaz,
Thanks for your reply.
I tried what you said for the horizontal line (screen 1)
But, when I save the article, I show me a little horizontale line. (screen 2).
My goal is to have the line is the screen 3.

I tried to modify directly the demo article but when I save it, my text doesn’t appeat…

Thanks
Romain

Attachments:

You must be logged in to view attached files.

Hello,

Actually, by default for the Horizontal Line (hr), the max-width is defined as 35px which is why when you add the hr, you get a shorter horizontal line.

So, you just need to first apply the following Custom CSS on your Site and paste it to Dashboard >> Theme Settings >> Custom CSS >> Global CSS section:

.post-template-default hr { max-width: 100% !important; }

Then preview your Horizontal line, it will appear as full.

Hope this helps !

Best Regards

Thanks Aizaz,

Last question please, can you tell me what CSS code I have to add for the pink color at the beginning of the line (screen 3)
My CSS skills are limited

Thanks in advance
Romain

Attachments:

You must be logged in to view attached files.

Hello,

Please share the exact Blog Page URL from your Site with us in the Private Content field so that we can directly check this on your Site and assist you accordingly with the possible CSS in this regard.

Best Regards

[Author]

Posts