Archived topic

Trouble fitting a codepen pen in the sidebar

1 reply · Started by Bas on July 12, 2019

Viewing posts 1–2 of 2

July 12, 2019 at 3:09 pm #956315

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

July 12, 2019 at 4:30 pm #956367

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.

This archived topic is closed to new replies.