Home › Forums › WoodMart support forum › Blog post elements in wordpress classic editor

Blog post elements in wordpress classic editor

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 27, 2022 at 12:31 pm #431472

    romain.led
    Participant

    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.
    December 27, 2022 at 1:37 pm #431518

    Aizaz Imtiaz Awan
    Keymaster

    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

    December 27, 2022 at 2:47 pm #431536

    romain.led
    Participant

    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.
    December 27, 2022 at 3:47 pm #431552

    Aizaz Imtiaz Awan
    Keymaster

    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

    December 27, 2022 at 4:39 pm #431568

    romain.led
    Participant

    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.
    December 28, 2022 at 10:48 am #431696

    Aizaz Imtiaz Awan
    Keymaster

    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
Viewing 6 posts - 1 through 6 (of 6 total)