Jump to content

tuanphan

Circle Member
  • Posts

    65,013
  • Joined

  • Last visited

  • Days Won

    518

Everything posted by tuanphan

  1. Use this div.header-menu-nav-item * { font-size: 16px !important; }
  2. If that code doesn't work, I don't know how. You try posting this to Code & Customization box. Maybe someone can help.
  3. If display columns, it will be very small See my screenshot, I tested some code to make columns on my browser
  4. If you only have 3 or very few products, you can use this code (Design > Custom CSS) div#thumb-indri-tulusan-e22w9 .grid-title:after { content: "des 1"; display: block; font-size: 16px; } div#thumb-indri-tulusan .grid-title:after { content: "des 2"; display: block; font-size: 16px; } div#thumb-eva-lang .grid-title:after { content: "des 3"; display: block; font-size: 16px; }
  5. Depend on. You can hide nav/footer from original page. Or you set fixed height/overflow hidden for iframe then change height to make them hidden. If you share link to page where you added iframe, I can take a look
  6. Add to Design > Custom CSS .user-items-list-item-container[data-section-id="635d02767919aa0f1726edf8"] h2.list-item-content__title { color: red; }
  7. Use this new code div#block-yui_3_17_2_1_1666713857941_1860 img, div#block-868612f6b95985605c09 .has-aspect-ratio, .slide a { border: 1px solid white; }
  8. You can add this code to Page Header <style> body::before { background-image: url('IMAGELINKHERE.JPG'); background-position: center; background-repeat: no-repeat; background-size: cover; content: ''; height: 100%; opacity: 1; position: fixed; left: 0; top: 0; width: 100%; z-index: -10; } .page-section, .page-section .section-background { background-color: transparent !important; } </style>
  9. Add this to Design > Custom CSS To move burger to right .header-display-desktop { flex-direction: row-reverse; }
  10. You can add this code to Homepage Header <style> header#header img { filter: brightness(0) invert(1); } div.header-nav * { color: white !important; } </style>
  11. I think his mean is Remove red code and add this code .neoncontainer { display: flex; }
  12. Add to Design > Custom CSS header#header a.btn { padding-top: 5px !important; padding-bottom: 5px !important; }
  13. Your example is invalid. You need to remove 'FontURL' from the code
  14. Try this new code. If it doesn't work, please share site url, we can check easier @media screen and (max-width:767px) { .header-actions.header-actions--right { display: block !important; } .header-actions-action.header-actions-action--cta { display: block; position: relative; left: -30px; } .header-title-nav-wrapper { flex: 1 0 calc(~"100% - 150px") !important; } }
  15. Put this code in Page Header <style> .fe-block-yui_3_17_2_1_1664374101707_24451 { display: none; } </style>
  16. Add to Design > Custom CSS /* Center about us page list items */ @media screen and (min-width:992px) { /* partners */ .user-items-list-item-container[data-section-id="634d6a2bdcc91a29a1bbde84"] li:nth-child(n+5) { position: relative; left: calc(~"100% + 60px"); } /* managers */ .user-items-list-item-container[data-section-id="635beb75bd7bbd5929b3adbd"] li { position: relative; left: calc(~"150% + 60px"); } /* coaches */ .user-items-list-item-container[data-section-id="635bec1aad70df3f1cb20fdc"] li:nth-child(19) { position: relative; left: calc(~"300% + 60px"); }}
  17. Can you share link to page where you have problem? We can check easier
  18. This code to adjust width, you can change value #collection-63502fe89109bc6a99b3baf3 .form-item:nth-child(5) { width: 51% !Important; }
×
×
  • 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.