Jump to content

tuanphan

Circle Member
  • Posts

    64,963
  • Joined

  • Last visited

  • Days Won

    517

Everything posted by tuanphan

  1. You can change code to this, to force it run on desktop only @media screen and (min-width:992px) { section[data-section-id="section-id-here"] .section-background { background: url('custom-file-image-here'); background-size: cover; background-position: center; background-attachment: fixed; background-repeat: no-repeat; } }
  2. Use this new code. Then check in incognito window /* Float image to bottom */ div#block-yui_3_17_2_1_1691613974173_1727 .sqs-image { justify-content: flex-end !important; } div#block-yui_3_17_2_1_1691613974173_1727 .sqs-image>div { position: absolute !important; bottom: -10px !important; } body.homepage article section:first-child { height: 100vh !important; min-height: unset !important; }
  3. You try this guide https://www.will-myers.com/articles/change-background-on-scroll
  4. Use this code instead @font-face { font-family: 'VisbyCF-Medium'; src: url('https://static1.squarespace.com/static/64cb53d5dbfd651d32cdaa12/t/64ddc1ffa9143d3854a624da/1692254719504/VisbyCF-Medium.otf'); } @font-face { font-family: 'VisbyCF-ExtraBold'; src: url('https://static1.squarespace.com/static/64cb53d5dbfd651d32cdaa12/t/64ddc1a4e2566f6d52059107/1692254628291/VisbyCF-ExtraBold.otf'); } .header-nav-item a, .header-menu-nav-item a, h1, h2, h3, h4, .collection-type-products .grid-title , .grid-prices, .product-price { font-family: 'VisbyCF-ExtraBold' !important } /* p1 */ p.sqsrte-large { font-family: 'VisbyCF-Medium' !important }
  5. I know code, so I inspect with F12 then checking it. Also, you can see this list https://forum.squarespace.com/topic/160059-share-squarespace-71-css-id-list/
  6. Try this new code <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(window).ready(function() { $('body').fadeIn(3700, function() { //wait 5 seconds and redirect to new URL $(this).delay(5000).fadeOut(2000, function() { window.location = 'https://architectureshooting.com/architekturfotografie'; }); }); }); </script>
  7. With <script code, you try edit your Site Footer > Add a Markdown Block > then paste script code
  8. Try clicking this icon then paste embed code
  9. Style 19. First set Portfolio to 6 columns, then use this code to Custom CSS box div#gridThumbs { grid-template-columns: repeat(6,minmax(0,1fr)); grid-template-rows: repeat(60,minmax(0,0.2fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; } a.grid-item:nth-child(1) { grid-column: ~"1 / 7" !important; grid-row: ~"1 / 3" !important; } a.grid-item:nth-child(2) { grid-column: ~"1 / 3" !important; grid-row: ~"3 / 4" !important; } a.grid-item:nth-child(3) { grid-column: ~"3 / 5" !important; grid-row: ~"3 / 4" !important; } a.grid-item:nth-child(4) { grid-column: ~"5 / 7" !important; grid-row: ~"3 / 4" !important; } a.grid-item:nth-child(5) { grid-column: ~"1 / 4" !important; grid-row: ~"4 / 6" !important; } a.grid-item:nth-child(6) { grid-column: ~"4 / 7" !important; grid-row: ~"4 / 6" !important; } a.grid-item:nth-child(7) { grid-column: ~"1 / 4" !important; grid-row: ~"6 / 8" !important; } a.grid-item:nth-child(8) { grid-column: ~"4 / 7" !important; grid-row: ~"6 / 8" !important; } a.grid-item:nth-child(9) { grid-column: ~"1 / 7" !important; grid-row: ~"8 / 10" !important; } a.grid-item:nth-child(10) { grid-column: ~"1 / 3" !important; grid-row: ~"10 / 11" !important; } a.grid-item:nth-child(11) { grid-column: ~"3 / 5" !important; grid-row: ~"10 / 11" !important; } a.grid-item:nth-child(12) { grid-column: ~"5 / 7" !important; grid-row: ~"10 / 11" !important; } a.grid-item:nth-child(13) { grid-column: ~"1 / 4" !important; grid-row: ~"11 / 13" !important; } a.grid-item:nth-child(14) { grid-column: ~"4 / 7" !important; grid-row: ~"11 / 13" !important; } a.grid-item:nth-child(15) { grid-column: ~"1 / 4" !important; grid-row: ~"13 / 15" !important; } a.grid-item:nth-child(16) { grid-column: ~"4 / 7" !important; grid-row: ~"13 / 15" !important; } a.grid-item:nth-child(17) { grid-column: ~"1 / 7" !important; grid-row: ~"15 / 17" !important; } a.grid-item:nth-child(18) { grid-column: ~"1 / 3" !important; grid-row: ~"17 / 18" !important; } a.grid-item:nth-child(19) { grid-column: ~"3 / 5" !important; grid-row: ~"17 / 18" !important; } a.grid-item:nth-child(20) { grid-column: ~"5 / 7" !important; grid-row: ~"17 / 18" !important; } a.grid-item:nth-child(21) { grid-column: ~"1 / 4" !important; grid-row: ~"18 / 20" !important; } a.grid-item:nth-child(22) { grid-column: ~"4 / 7" !important; grid-row: ~"18 / 20" !important; } a.grid-item:nth-child(23) { grid-column: ~"1 / 4" !important; grid-row: ~"20 / 22" !important; } a.grid-item:nth-child(24) { grid-column: ~"4 / 7" !important; grid-row: ~"20 / 22" !important; } a.grid-item:nth-child(25) { grid-column: ~"1 / 7" !important; grid-row: ~"22 / 24" !important; } a.grid-item:nth-child(26) { grid-column: ~"1 / 3" !important; grid-row: ~"24 / 25" !important; } a.grid-item:nth-child(27) { grid-column: ~"3 / 5" !important; grid-row: ~"24 / 25" !important; } a.grid-item:nth-child(28) { grid-column: ~"5 / 7" !important; grid-row: ~"24 / 25" !important; } a.grid-item:nth-child(29) { grid-column: ~"1 / 4" !important; grid-row: ~"25 / 27" !important; } a.grid-item:nth-child(30) { grid-column: ~"4 / 7" !important; grid-row: ~"25 / 27" !important; } a.grid-item:nth-child(31) { grid-column: ~"1 / 4" !important; grid-row: ~"27 / 29" !important; } a.grid-item:nth-child(32) { grid-column: ~"4 / 7" !important; grid-row: ~"27 / 29" !important; } a.grid-item:nth-child(33) { grid-column: ~"1 / 7" !important; grid-row: ~"29 / 31" !important; } a.grid-item:nth-child(34) { grid-column: ~"1 / 3" !important; grid-row: ~"31 / 32" !important; } a.grid-item:nth-child(35) { grid-column: ~"3 / 5" !important; grid-row: ~"31 / 32" !important; } a.grid-item:nth-child(36) { grid-column: ~"5 / 7" !important; grid-row: ~"31 / 32" !important; } a.grid-item:nth-child(37) { grid-column: ~"1 / 4" !important; grid-row: ~"32 / 34" !important; } a.grid-item:nth-child(38) { grid-column: ~"4 / 7" !important; grid-row: ~"32 / 34" !important; } a.grid-item:nth-child(39) { grid-column: ~"1 / 4" !important; grid-row: ~"34 / 36" !important; } a.grid-item:nth-child(40) { grid-column: ~"4 / 7" !important; grid-row: ~"34 / 36" !important; } a.grid-item:nth-child(41) { grid-column: ~"1 / 7" !important; grid-row: ~"36 / 38" !important; } a.grid-item:nth-child(42) { grid-column: ~"1 / 3" !important; grid-row: ~"38 / 39" !important; } a.grid-item:nth-child(43) { grid-column: ~"3 / 5" !important; grid-row: ~"38 / 39" !important; } a.grid-item:nth-child(44) { grid-column: ~"5 / 7" !important; grid-row: ~"38 / 39" !important; } a.grid-item:nth-child(45) { grid-column: ~"1 / 4" !important; grid-row: ~"39 / 41" !important; } a.grid-item:nth-child(46) { grid-column: ~"4 / 7" !important; grid-row: ~"39 / 41" !important; } a.grid-item:nth-child(47) { grid-column: ~"1 / 4" !important; grid-row: ~"41 / 43" !important; } a.grid-item:nth-child(48) { grid-column: ~"4 / 7" !important; grid-row: ~"41 / 43" !important; } a.grid-item:nth-child(49) { grid-column: ~"1 / 7 !important; grid-row: ~"43 / 45 !important; } a.grid-item:nth-child(50) { grid-column: ~"1 / 3" !important; grid-row: ~"45 / 46" !important; } a.grid-item:nth-child(51) { grid-column: ~"3 / 5" !important; grid-row: ~"45 / 46" !important; } a.grid-item:nth-child(52) { grid-column: ~"5 / 7" !important; grid-row: ~"45 / 46" !important; } a.grid-item:nth-child(53) { grid-column: ~"1 / 4" !important; grid-row: ~"46 / 48" !important; } a.grid-item:nth-child(54) { grid-column: ~"4 / 7" !important; grid-row: ~"46 / 48" !important; } a.grid-item:nth-child(55) { grid-column: ~"1 / 4" !important; grid-row: ~"48 / 50" !important; } a.grid-item:nth-child(56) { grid-column: ~"4 / 7" !important; grid-row: ~"48 / 50" !important; } a.grid-item:nth-child(57) { grid-column: ~"1 / 7" !important; grid-row: 50 / 52" !important; } a.grid-item:nth-child(58) { grid-column: ~"1 / 3" !important; grid-row: ~"52 / 53" !important; } a.grid-item:nth-child(59) { grid-column: ~"3 / 5" !important; grid-row: ~"52 / 53" !important; } a.grid-item:nth-child(60) { grid-column: ~"5 / 7" !important; grid-row: ~"52 / 53" !important; } Style 20. First, set portfolio to 4 columns, then use this CSS code div#gridThumbs { grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(35,minmax(0,0.5fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; } a.grid-item:nth-child(1) { grid-column: ~"1 / 3" !important; grid-row: ~"1 / 3" !important; } a.grid-item:nth-child(6) { grid-column: ~"1 / 4" !important; grid-row: ~"3 / 5" !important; } a.grid-item:nth-child(7) { grid-column: ~"4 / 5" !important; grid-row: ~"3 / 5" !important; } a.grid-item:nth-child(8) { grid-column: ~"1 / 3" !important; grid-row: ~"5 / 7" !important; } a.grid-item:nth-child(13) { grid-column: ~"1 / 4" !important; grid-row: ~"7 / 9" !important; } a.grid-item:nth-child(14) { grid-column: ~"4 / 5" !important; grid-row: ~"7 / 9" !important; } a.grid-item:nth-child(15) { grid-column: ~"1 / 3" !important; grid-row: ~"9 / 11" !important; } a.grid-item:nth-child(20) { grid-column: ~"1 / 4" !important; grid-row: ~"11 / 13" !important; } a.grid-item:nth-child(21) { grid-column: ~"4 / 5" !important; grid-row: ~"11 / 13" !important; } a.grid-item:nth-child(22) { grid-column: ~"1 / 3" !important; grid-row: ~"13 / 15" !important; } a.grid-item:nth-child(27) { grid-column: ~"1 / 4" !important; grid-row: ~"15 / 17" !important; } a.grid-item:nth-child(28) { grid-column: ~"4 / 5" !important; grid-row: ~"15 / 17" !important; } a.grid-item:nth-child(29) { grid-column: ~"1 / 3" !important; grid-row: ~"17 / 19" !important; } a.grid-item:nth-child(34) { grid-column: ~"1 / 4" !important; grid-row: ~"19 / 21" !important; } a.grid-item:nth-child(35) { grid-column: ~"4 / 5" !important; grid-row: ~"19 / 21" !important; } a.grid-item:nth-child(36) { grid-column: ~"1 / 3" !important; grid-row: ~"21 / 23" !important; } a.grid-item:nth-child(41) { grid-column: ~"1 / 4" !important; grid-row: ~"23 / 25" !important; } a.grid-item:nth-child(42) { grid-column: ~"4 / 5" !important; grid-row: ~"23 / 25" !important; } a.grid-item:nth-child(43) { grid-column: ~"1 / 3" !important; grid-row: ~"25 / 27" !important; } a.grid-item:nth-child(48) { grid-column: ~"1 / 4" !important; grid-row: ~"27 / 29" !important; } a.grid-item:nth-child(49) { grid-column: ~"4 / 5" !important; grid-row: ~"27 / 29" !important; } a.grid-item:nth-child(50) { grid-column: ~"1 / 3" !important; grid-row: ~"29 / 31" !important; } a.grid-item:nth-child(55) { grid-column: ~"1 / 4" !important; grid-row: ~"31 / 33" !important; } a.grid-item:nth-child(56) { grid-column: ~"4 / 5" !important; grid-row: ~"31 / 33" !important; } a.grid-item:nth-child(57) { grid-column: ~"1 / 3" !important; grid-row: ~"33 / 35" !important; } Style 21 Set portfolio to 5 columns then use CSS code div#gridThumbs { grid-template-columns: repeat(5,minmax(0,1fr)); grid-template-rows: repeat(30,minmax(0,0.3fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; } a.grid-item:nth-child(1) { grid-column: ~"1 / 4" !important; grid-row: ~"1 / 3" !important; } a.grid-item:nth-child(2) { grid-column: ~"4 / 6" !important; grid-row: ~"1 / 2" !important; } a.grid-item:nth-child(3) { grid-column: ~"4 / 6" !important; grid-row: ~"2 / 3" !important; } a.grid-item:nth-child(4) { grid-column: ~"1 / 6" !important; grid-row: ~"3 / 4" !important; } a.grid-item:nth-child(10) { grid-column: ~"1 / 4" !important; grid-row: ~"5 / 7" !important; } a.grid-item:nth-child(11) { grid-column: ~"4 / 6" !important; grid-row: ~"5 / 6" !important; } a.grid-item:nth-child(12) { grid-column: ~"4 / 6" !important; grid-row: ~"6 / 7" !important; } a.grid-item:nth-child(13) { grid-column: ~"1 / 6" !important; grid-row: ~"7 / 8" !important; } a.grid-item:nth-child(19) { grid-column: ~"1 / 4" !important; grid-row: ~"9 / 11" !important; } a.grid-item:nth-child(20) { grid-column: ~"4 / 6" !important; grid-row: ~"9 / 10" !important; } a.grid-item:nth-child(21) { grid-column: ~"4 / 6" !important; grid-row: ~"10 / 11" !important; } a.grid-item:nth-child(22) { grid-column: ~"1 / 6" !important; grid-row: ~"11 / 12" !important; } a.grid-item:nth-child(28) { grid-column: ~"1 / 4" !important; grid-row: ~"13 / 15" !important; } a.grid-item:nth-child(29) { grid-column: ~"4 / 6" !important; grid-row: ~"13 / 14" !important; } a.grid-item:nth-child(30) { grid-column: ~"4 / 6" !important; grid-row: ~"14 / 15" !important; } a.grid-item:nth-child(31) { grid-column: ~"1 / 6" !important; grid-row: ~"15 / 16" !important; } a.grid-item:nth-child(37) { grid-column: ~"1 / 4" !important; grid-row: ~"17 / 19" !important; } a.grid-item:nth-child(38) { grid-column: ~"4 / 6" !important; grid-row: ~"17 / 18" !important; } a.grid-item:nth-child(39) { grid-column: ~"4 / 6" !important; grid-row: ~"18 / 19" !important; } a.grid-item:nth-child(40) { grid-column: ~"1 / 6" !important; grid-row: ~"19 / 20" !important; } a.grid-item:nth-child(46) { grid-column: ~"1 / 4" !important; grid-row: ~"21 / 23" !important; } a.grid-item:nth-child(47) { grid-column: ~"4 / 6" !important; grid-row: ~"21 / 22" !important; } a.grid-item:nth-child(48) { grid-column: ~"4 / 6" !important; grid-row: ~"22 / 23" !important; } a.grid-item:nth-child(49) { grid-column: ~"1 / 6" !important; grid-row: ~"23 / 24" !important; } a.grid-item:nth-child(55) { grid-column: ~"1 / 4" !important; grid-row: ~"25 / 27" !important; } a.grid-item:nth-child(56) { grid-column: ~"4 / 6" !important; grid-row: ~"25 / 26" !important; } a.grid-item:nth-child(57) { grid-column: ~"4 / 6" !important; grid-row: ~"26 / 27" !important; } a.grid-item:nth-child(58) { grid-column: ~"1 / 6" !important; grid-row: ~"27 / 28" !important; } Style 22 Set Portfolio to 2 columns then use CSS code div#gridThumbs { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(60,minmax(0,0.2fr)) !important; } .portfolio-grid-overlay .grid-item { padding-bottom: 0 !important; height: 100%; } .portfolio-grid-overlay .grid-item .grid-image { position: static; } a.grid-item:nth-child(1) { grid-column: ~"1 / 3" !important; grid-row: ~"1 / 2" !important; } a.grid-item:nth-child(2) { grid-column: ~"1 / 2" !important; grid-row: ~"2 / 5" !important; } a.grid-item:nth-child(3) { grid-column: ~"2 / 3" !important; grid-row: ~"2 / 4" !important; } a.grid-item:nth-child(4) { grid-column: ~"2 / 3" !important; grid-row: ~"4 / 7" !important; } a.grid-item:nth-child(5) { grid-column: ~"1 / 2" !important; grid-row: ~"5 / 8" !important; } a.grid-item:nth-child(6) { grid-column: ~"2 / 3" !important; grid-row: ~"7 / 9" !important; } a.grid-item:nth-child(8) { grid-column: ~"1 / 3" !important; grid-row: ~"9 / 10" !important; } a.grid-item:nth-child(9) { grid-column: ~"1 / 2" !important; grid-row: ~"10 / 13" !important; } a.grid-item:nth-child(10) { grid-column: ~"2 / 3" !important; grid-row: ~"10 / 12" !important; } a.grid-item:nth-child(11) { grid-column: ~"2 / 3" !important; grid-row: ~"12 / 15" !important; } a.grid-item:nth-child(12) { grid-column: ~"1 / 2" !important; grid-row: ~"13 / 16" !important; } a.grid-item:nth-child(13) { grid-column: ~"2 / 3" !important; grid-row: ~"15 / 17" !important; } a.grid-item:nth-child(15) { grid-column: ~"1 / 3" !important; grid-row: ~"17 / 18" !important; } a.grid-item:nth-child(16) { grid-column: ~"1 / 2" !important; grid-row: ~"18 / 21" !important; } a.grid-item:nth-child(17) { grid-column: ~"2 / 3" !important; grid-row: ~"18 / 20" !important; } a.grid-item:nth-child(18) { grid-column: ~"2 / 3" !important; grid-row: ~"20 / 23" !important; } a.grid-item:nth-child(19) { grid-column: ~"1 / 2" !important; grid-row: ~"21 / 24" !important; } a.grid-item:nth-child(20) { grid-column: ~"2 / 3" !important; grid-row: ~"23 / 25" !important; } a.grid-item:nth-child(22) { grid-column: ~"1 / 3" !important; grid-row: ~"25 / 26" !important; } a.grid-item:nth-child(23) { grid-column: ~"1 / 2" !important; grid-row: ~"26 / 29" !important; } a.grid-item:nth-child(24) { grid-column: ~"2 / 3" !important; grid-row: ~"26 / 28" !important; } a.grid-item:nth-child(25) { grid-column: ~"2 / 3" !important; grid-row: ~"28 / 31" !important; } a.grid-item:nth-child(26) { grid-column: ~"1 / 2" !important; grid-row: ~"29 / 32" !important; } a.grid-item:nth-child(27) { grid-column: ~"2 / 3" !important; grid-row: ~"31 / 33" !important; } a.grid-item:nth-child(29) { grid-column: ~"1 / 3" !important; grid-row: ~"33 / 34" !important; } a.grid-item:nth-child(30) { grid-column: ~"1 / 2" !important; grid-row: ~"34 / 37" !important; } a.grid-item:nth-child(31) { grid-column: ~"2 / 3" !important; grid-row: ~"34 / 36" !important; } a.grid-item:nth-child(32) { grid-column: ~"2 / 3" !important; grid-row: ~"36 / 39" !important; } a.grid-item:nth-child(33) { grid-column: ~"1 / 2" !important; grid-row: ~"37 / 40" !important; } a.grid-item:nth-child(34) { grid-column: ~"2 / 3" !important; grid-row: ~"39 / 41" !important; } a.grid-item:nth-child(36) { grid-column: ~"1 / 3" !important; grid-row: ~"41 / 42" !important; } a.grid-item:nth-child(37) { grid-column: ~"1 / 2" !important; grid-row: ~"42 / 45" !important; } a.grid-item:nth-child(38) { grid-column: ~"2 / 3" !important; grid-row: ~"42 / 44" !important; } a.grid-item:nth-child(39) { grid-column: ~"2 / 3" !important; grid-row: ~"44 / 47" !important; } a.grid-item:nth-child(40) { grid-column: ~"1 / 2" !important; grid-row: ~"45 / 48" !important; } a.grid-item:nth-child(41) { grid-column: ~"2 / 3" !important; grid-row: ~"47 / 49" !important; } a.grid-item:nth-child(43) { grid-column: ~"1 / 3" !important; grid-row: ~"49 / 50" !important; } a.grid-item:nth-child(44) { grid-column: ~"1 / 2" !important; grid-row: ~"50 / 53" !important; } a.grid-item:nth-child(45) { grid-column: ~"2 / 3" !important; grid-row: ~"50 / 52" !important; } a.grid-item:nth-child(46) { grid-column: ~"2 / 3" !important; grid-row: ~"52 / 55" !important; } a.grid-item:nth-child(47) { grid-column: ~"1 / 2" !important; grid-row: ~"53 / 56" !important; } a.grid-item:nth-child(48) { grid-column: ~"2 / 3" !important; grid-row: ~"55 / 57" !important; } a.grid-item:nth-child(50) { grid-column: ~"1 / 3" !important; grid-row: ~"57 / 58" !important; } a.grid-item:nth-child(51) { grid-column: ~"1 / 2" !important; grid-row: ~"58 / 61" !important; } a.grid-item:nth-child(52) { grid-column: ~"2 / 3" !important; grid-row: ~"58 / 60" !important; } a.grid-item:nth-child(53) { grid-column: ~"2 / 3" !important; grid-row: ~"60 / 63" !important; } a.grid-item:nth-child(54)" { grid-column: ~"1 / 2" !important; grid-row: ~"61 / 64" !important; } a.grid-item:nth-child(55) { grid-column: ~"2 / 3" !important; grid-row: ~"63 / 65" !important; } a.grid-item:nth-child(57) { grid-column: ~"1 / 3" !important; grid-row: ~"65 / 66" !important; } a.grid-item:nth-child(58) { grid-column: ~"1 / 2" !important; grid-row: ~"66 / 69" !important; } a.grid-item:nth-child(59) { grid-column: ~"2 / 3" !important; grid-row: ~"66 / 68" !important; } a.grid-item:nth-child(60) { grid-column: ~"2 / 3" !important; grid-row: ~"68 / 71" !important; }
  10. You mean keep Grid on desktop, change to Slideshow on mobile? Which grid are you referring to? Under Become a sponsor button or?
  11. I wrote a quick guide here, you try follow. If you still can't do it, I will do an example for your case
  12. You mean move text under image on desktop?
  13. Add this to Design > Custom CSS or Website > Website Tools > Custom CSS /* Mobile - Featured Classes - Hide video */ @media screen and (max-width:767px) { [data-section-id="648901cb23c0b1595a4647fe"] iframe { visibility: hidden !important; } }
  14. Can you share link to page where you have problem?
  15. Use this CSS code span.header-nav-folder-item-content { background-image: none !important; }
  16. Above url doesn't work, can you share link to your site?
  17. You can add this to Website > Website Tools > Custom CSS to fix problem header#header.shrink { background-color: black !important; }
  18. I don't know the cause, but if you delete this section, problem will disappear
  19. #1. You mean hide About item from Mobile Navigation?? #2. Which video are you referring to?
  20. You can add this code to Resource Pages Settings > Advanced > Code Injection Header <style> .header-background-solid { background-color: white !important; } header#header div.header-nav-item>a { color: black !important; } </style> and this code to Services Page Settings > Advanced > Header <style> article section:first-child { padding-top: 0 !important; } .header-background-solid { background-color: transparent !important; } </style>
×
×
  • 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.