Jump to content

tuanphan

Circle Member
  • Posts

    64,701
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. Use this CSS code /* price */ .pricing-plan-price-amount { margin-top: 0px !important; margin-bottom: 0px !important; } .product-price.pricing-plan-product-price.below-pricing-toggle { margin-top: 10px !important; }
  2. You can use CSS code like this /* move instagram icon */ .header-actions-action.header-actions-action--social { position: relative; right: -20px; }
  3. Try using Classic Editor Section for this section Or can you share link to page? We can check easier
  4. Can you share link to page in screenshot? We can check easier
  5. You can use this code to Website Tools > Custom CSS div#folderNav { background-color: white !important; }
  6. @Mountainmint Can you share link to page where you use carousel? I don't see it on current page
  7. You can share link to site & let me know which elements you want to change size, we can help easier For example, if you want to resize h1, h2, h3, p1 only, you can use this code to Website > Website Tools > Custom CSS @media screen and (max-width:767px) { h1 {font-size: 28px !important;} h2 {font-size: 28px !important;} h3 {font-size: 28px !important;} p.sqsrte-large {font-size: 28px !important;} }
  8. You can use this code to Website > Website Tools > Custom CSS. If it doesn't work, please share site url, we can check it easier div.header-menu-cta { position: relative; top: -100px !important; }
  9. You mean change this menu item position? Which position?
  10. div.header-nav-item a will affects both main item + dropdown items but div.header-nav-item>a will affect main item only, it won't affect dropdown items You can base on this to adjust all the code above
  11. You can use this code to Website > Website Tools > Custom CSS (if you need to resize text, I will give another code) @media screen and (max-width:640px) { body#collection-648fd387518f87218ded629c section.Intro figure img { width: 100% !important; height: auto !important; left: 0 !important; } }
  12. Try this code to Website > Website Tools > Custom CSS span.course-item__next-lesson-text.course-item__next-lesson-text--incomplete { font-size: 0; } span.course-item__next-lesson-text.course-item__next-lesson-text--incomplete:before { content: "Next Course"; font-size: 18px; }
  13. Can you send embed code? I can try testing it on my site
  14. Use #2 code, I just tested #2 code
  15. Can you share link to this product? I can't see it in your screenshot
  16. You can open Universal Filter Plugin Documentation Page and scroll to this position
  17. Does this screenshot in screen size 990 to 1100? The code run from 990 to 1100px only
  18. Use this new code div#block-b310c8d0a6fda8af9b05 { .summary-item { margin-bottom: 0px !important; } .summary-thumbnail-container { padding-bottom: 56.25% !important; } .summary-thumbnail-container img { position: absolute !important; top: 0; left: 0; width: 100% !important; height: 100% !important; }}
  19. Try this code to Custom CSS box @media screen and (min-width:992px) { div#block-yui_3_17_2_1_1708106732776_3438 video { height: auto !important; } div#block-yui_3_17_2_1_1708106732776_3438 { justify-content: flex-start !important; } div#block-yui_3_17_2_1_1708106732776_3438 .native-video-player.video-player.video-player--medium { padding-top: 102% !important; } }
  20. Add this code under @media screen and (min-width:992px) { body.homepage article section:first-child { min-height: unset !important; height: 61px !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.