[Support request] Trouble fitting a codepen pen in the sidebar

Home Forums Support Trouble fitting a codepen pen in the sidebar

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #956315
    Bas

    Hi support team,

    I’m not sure if this is the place to ask these kinds of questions since it’s not really theme related but here goes anyway.

    I found this pen on CodePen I’d love to fit inside the sidebar on my blog but I’m having trouble figuring out the CSS.

    I copied the HTML from the pen to a custom HTML widget block.
    Compiled the SCSS to CSS and paste it in Simple CSS editor.

    For some reason, I can’t make it sit snugly in the widget container.
    Is any of you guys able to help me with this?

    Thanks in advance

    #956367
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    I think this is the issue:

    .demo__highlighter {
        left: -1rem;
        width: 38rem;
    }

    Changing that with to 100% and removing the left attribute should help.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.