Jump to content

How to make header ignore custom code block?

Recommended Posts

Site URL: https://www.everythingbydor.com/mixing-mastering

So i added a pricing table html+css code to a page on my website, and something there is affecting the header menu and folders,

how can i make the whole header ignore the custom code, or exclude it from the custom code that way it wont affect it?

here are a few screenshots on how it currently looks:
1067091508_ScreenShot2020-04-19at11_07_32PM.png.9a339a4c2bbeec570e719a5993eeee77.png

and here is how it should look like:
1991361120_ScreenShot2020-04-19at11_06_53PM.png.7c3e9e09b66f36d7d261f73bde6b96ad.png

 

heres a link to the code source (im not a web developer by any means and i barely got this to even work, so.. sorry if its messy and stuff lmao)
https://www.everythingbydor.com/table-code

i wish squarespace had a built in pricing tables block!

Link to comment
  • Replies 3
  • Views 682
  • Created
  • Last Reply

You mean Mixing & Mastering item?

Edit this code

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

to

.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
2 hours ago, tuanphan said:

You mean Mixing & Mastering item?

Edit this code


* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

to


.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

 

thanks for the reply!
however when i try this it breaks the design, i think it might overlap with the other .container settings after the * settings?

is it possible to make the custom code to work only on the # Code Block ID?


thanks again for the help, appreciate it!

Link to comment
6 hours ago, Dor Reznik said:

thanks for the reply!
however when i try this it breaks the design, i think it might overlap with the other .container settings after the * settings?

is it possible to make the custom code to work only on the # Code Block ID?


thanks again for the help, appreciate it!

* {} target all elements on your site

try edit to

.container *

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.