Skip to main content
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?

The part in the red circle

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 :)

View original
Did this post help you find an answer to your question?

4 replies

Bfarkas
Hero III
Forum|alt.badge.img+5
  • Hero III
  • 3582 replies
  • Answer
  • April 14, 2023

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 :)


  • Author
  • Contributor I
  • 11 replies
  • April 14, 2023

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


Annarose.Peterson
Hero III
Forum|alt.badge.img+6

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


JGildea
Helper II
Forum|alt.badge.img+1
  • Helper II
  • 117 replies
  • January 24, 2025

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


Reply


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings