Jump to content

Web_Solutions

Circle Member
  • Posts

    1,113
  • Joined

  • Last visited

  • Days Won

    44

Everything posted by Web_Solutions

  1. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. #collection-651773418cb7780c567aedd0, #collection-63f2add767ba5d2fb8c81329 { .portfolio-grid-overlay .grid-image, .portfolio-grid-overlay .grid-item { padding-bottom: 100% !important; } }
  2. Replace the previous code with the code below. #collection-611c5220270bdd2b105d10e6, .collection-611b5f8ff0cb0b6c23412dff, .collection-611c41133910594454b70966 { #floatingCart{ display: none !important; } }
  3. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. #collection-611c5220270bdd2b105d10e6, #collection-611b5f8ff0cb0b6c23412dff, #collection-611c41133910594454b70966 { #floatingCart { display: none !important; } }
  4. Replace the code with the code below. #block-yui_3_17_2_1_1712708846339_42819, #block-fd781f0f53864bd1f955, #block-f8322136341b6ab65652 { border: 3px solid #f2ecd2 !important; border-radius: 20px !important; padding: 0px !important; margin: 0px !important; box-sizing: border-box; }
  5. Do you want these pages: https://www.eddiekuo.design and https://www.eddiekuo.design/soft image ratio 1:1?
  6. Replace the previous code with the code below. @media only screen and (max-width: 799px) { .header-display-desktop { display:flex !important } .header-display-mobile,.header-burger,.fe-block-1425b89ddc7a17aa23bc,.fe-block-d941bcd01fcfc8af32ab,.fe-block-bb58f3e314962daad961,.fe-block-83056773bd92df13ae77 { display: none !important } .header .header-title-nav-wrapper .header-title { flex: 0 0 50% !important } .header .header-title-nav-wrapper .header-nav { display: block !important } header#header .header-nav-list * { font-size: 12px !important; } header#header .header-nav-list .header-nav-item { padding-top: 2px; } }
  7. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. [data-section-id="661d4d59907ddf24eca22aa8"] .content-wrapper { max-width: 92vw !important;; margin: 4vw auto; border: 4px solid #fff }
  8. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. @media only screen and (max-width: 799px ) { .header-display-desktop { display: flex !important; } .header-display-mobile, .header-burger, .fe-block-1425b89ddc7a17aa23bc, .fe-block-d941bcd01fcfc8af32ab, .fe-block-bb58f3e314962daad961, .fe-block-83056773bd92df13ae77 { display: none !important; } .header .header-title-nav-wrapper .header-title { flex: 0 0 50% !important; } .header .header-title-nav-wrapper .header-nav { display: block !important; } header#header .header-nav-list * { font-size: 12px !important; } }
  9. You can add the button on the right site and make the button link with the Journal page. If you want to button style and make it as a menu item then I can provide code.
  10. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. .blog-basic-grid .image-wrapper img { left: 0 !important; top: 0 !important; padding: 8px !important; box-sizing: border-box !important; }
  11. Can you share your website URL? Also share which code you added.
  12. Can you try with this code? Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. body .hur54b { padding: 3vw !important; }
  13. You have added this code to you website. Remove this code. .header-layout-branding-center-nav-center .header-title-nav-wrapper { flex: 0 0 100% !important } After then add this code. .header-display-desktop .header-title-nav-wrapper { flex: 0 0 80% !important } .header-display-desktop .header-actions{ flex: 0 0 10% !important; }
  14. Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS. body:not(.homepage) [data-section-id="6609cdd6eebbb645f69f3290"] { .section-background { background: #0b142d !important; } .content-wrapper *{ color: #fff !important; } .socialaccountlinks-v2-block .sqs-use--icon{ fill: #0b142d !important; } .socialaccountlinks-v2-block .sqs-use--mask{ fill: #fff !important; } }
  15. Replace the code with the code below @media screen and (max-width: 1024px) { .header-display-desktop, .header-actions, .header-actions-action { display:flex !important; } .header-burger, .header-display-mobile { display: none !important } .header .header-title-nav-wrapper { flex: 1 0 60% !important } .header-title { max-width: 50% !important; } }
  16. Replace your code with the code below body[class*="homepage"] header#header:not(.shrink) img { content: url(https://images.squarespace-cdn.com/content/65d8155900dd3949584c908d/525c807e-b928-4947-9e4d-920d3d307bf2/EucalyptRoses_PrimaryLogo_Website_Light.png?content-type=image%2Fpng); }
×
×
  • 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.