Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    65,544

  • Joined

  • Last visited

  • Days Won

    521

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    Edit your code #block-c92fd2ec45055facf4ad { mix-blend-mode: difference !important; } to #block-c92fd2ec45055facf4ad .summary-content { mix-blend-mode: difference !important; }
  2. tuanphan
    #1. Use this code
  3. tuanphan
    You mean it not align left? Add this to Design > Custom CSS ul.eventitem-meta.event-meta.event-meta-address-container+div#block-8fbb83f502b5e72dd946 { float: left; }
  4. tuanphan
    Add a blank item after Contact Us, then add this to Design > Custom CSS .header-nav-item:nth-child(6) { width: 100%; }
  5. tuanphan
    Try this code @media screen and (min-width:768px) { .blog-item-wrapper .blog-item-content .span-2 { position: sticky; position: -webkit-sticky; top: 0; } }
  6. tuanphan
    The emoji won't work fine on all devices/browsers You can consider using Markdown Block + Images to add 3 icons + 2 plus See how to add images with Markdown Block: https://support.squarespace.com/hc/en-us/articles/206543587-Markdown-cheat-sheet#toc-images
  7. tuanphan
    Can you send all current code in Custom CSS? I guess some code in wrong place
  8. tuanphan
    #1. Try this new code .header-nav-folder-content { width: auto !important; min-width: unset !important; left: 50% !important; transform: translateX(-50%); } #2. Try this code div#block-ca4695f04464f0f04baa * { white-space: nowrap !important; }
  9. tuanphan
    Hi, You should try List Section to achieve this.
  10. tuanphan
    Try adding to Design > Custom CSS div#mainNavWrapper .active * { color: red; } div#secondaryNavWrapper .active * { color: blue; }
  11. tuanphan
    What is your site url?
  12. tuanphan
    It looks like you added an id in wrong place. Can you send the code you used?
  13. tuanphan
    Use this CSS @media screen and (max-width:767px) { [data-section-id="62c31230655ca264087fd6cb"] { min-height: unset !important; height: 35vh; } }
  14. tuanphan
    Hi, still have certain pages using different fonts Which page, which elements?
  15. tuanphan
    Add to Design > Custom CSS @media screen and (max-width:640px) { div#page-6183cf0a1e84e05f87639de9 .span-3 { width: 25% !important; float: left !important; } }
  16. tuanphan
    Yes. Your code works if you need to hide whole header If you need to hide Navigation Bar only, use this code <style> .header-nav, .burger-box { visibility: hidden; } </style>
  17. tuanphan
    #1 is possible, I used to face same problem. #2. Not sure I will try testing on my test site. & send code to you soon If you don't see me reply back in the next 3 days, you can comment below to remind me.
  18. tuanphan
    I see it worked on my end
  19. tuanphan
    #1. Zoom effect The page doesn't exist #2. Title/Subtitle You mean like this? #3. I don't quite understand. Can you describe in more detail? adding a text row in the title (half of each title disappears on mobile)
  20. tuanphan
    Add this to 3 Pages Header <style> .image-block:hover .image-block-wrapper { box-shadow: 3px 3px 5px rgba(0,0,0,0.5); } </style>
  21. tuanphan
    #1. Add to Design > Custom CSS p.empty-message { font-size: 0; } p.empty-message:before { content: "enter empty new text here"; font-size: 22px; } #2. Not possible
  22. tuanphan
    Hi, You will need to use a plugin to make Lightbox feature. You can consider this Lightbox plugin. (affiliate link) In case you don't want to use plugin, you can use custom code, however you'll need quite a bit of tweaking, I created a simple lightbox for a similar question in the Circle Forum yesterday, you can check it out here (pass abc) (this is lightbox, with hover effect, we will need to adjust some code). If you like this, I'll send the code and instructions.
  23. tuanphan
    The height of the Summary is taken based on the items with the longest length. So the only way is you need to reduce the excerpt length of post: You may feel,....
  24. tuanphan
    Yes. Because your header is sticky on scroll. It took up part of the height of the screen. The solution is disable sticky effect on current page, or add some spacer blocks on above text What do you think?
  25. tuanphan
    Add to Design > Custom CSS body.homepage .shrink .header-announcement-bar-wrapper { background-color: white !important; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources