Jump to content

Custom CSS showing differently on published site

Recommended Posts

Site URL: http://www.tomhaining.com

Hi,

I've added custom css to create these border boxes, it is showing perfectly in the editor mode, but the published site is not aligning correctly.

#box-outer {
  float: left  !important;
  width: fit-content  !important;
  text-align: center !important;
  padding: 0px 0px 0px 0px  !important;
  margin: -16px 0px 32px 0px  !important;
} 
#box-inner{

  height: 28px;
  width: fit-content !important;
  padding: 2px 8px 2px 8px !important;
  text-align: center !important;
  text-size: 11px !important;
  border: 2px solid #000000  !important;
  box-sizing: border-box  !important;
  border-radius: 15px  !important;
  float: left  !important;
  flex: none  !important;
  margin: 0px 8px 0px 0px  !important;
  
}

 

Does anyone have any ideas ?

 

Thanks!

Screenshot 2021-04-05 at 22.01.43.png

Screenshot 2021-04-05 at 22.01.53.png

Edited by tomhaining
Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.