Best Answer

CSS to remove boxes around html widget

Does anyone know if there is CSS to hide the boxes that automatically form around the HTML widget when you add it it pages?

Thanks!!

Best answer by Bfarkas

Think you mean the drop shadow on them?

Broadly it is:

.wrapper-shadow {
    box-shadow: none;
}

You can make it widget or page specific by adding

#doc-page-[number] or #doc-widget-[number] in front of the .wrapper-shadow above.

I know you have this triggered on a profile on Fark.Tools too, that is my preferred method :)

+6

Think you mean the drop shadow on them?

Broadly it is:

.wrapper-shadow {
    box-shadow: none;
}

You can make it widget or page specific by adding

#doc-page-[number] or #doc-widget-[number] in front of the .wrapper-shadow above.

I know you have this triggered on a profile on Fark.Tools too, that is my preferred method :)

@Bfarkas this is what I was talking about in our message

+7

This question and answer just made my day… Thank you @KyleRBennett and @Bfarkas

Annarose Peterson (She/Her)

+1

Can that be done on an individual page basis within <div> code?

Jennifer Gildea, Talent Development Manager @ BlackLine

Sign up for Docebo Community