Jump to content

tuanphan

Circle Member
 View Profile  See their activity

  • Posts

    64,701

  • Joined

  • Last visited

  • Days Won

    516

 Content Type 

Everything posted by tuanphan

  1. tuanphan
    The site is private now. You can follow this guide to share url
  2. tuanphan
    What is site url?
  3. tuanphan
    Hi, Can you share link to page where you use Code Block? We can check problem easier
  4. tuanphan
    Hi, What is site url? We can check easier
  5. tuanphan
    You mean Rename "X" to "See Results" button? Can you share link to page?
  6. tuanphan
    This position: relative, I think from some Animations option, so you try checking in Site Styles > Animations
  7. tuanphan
    .collection-6593311d656a4b26729f90ca is Portfolio Page ID, it include List Page + Items .view-item: target Portfolio Items only I inspect page and find it (Right click on anywhere on page > Inspect > Find <body... and you will see collection in that tag
  8. tuanphan
    Can you share link to a course page? We can check easier
  9. tuanphan
    We can use custom CSS to achieve this if you can share url, we can check easier Or you can use plugin to build custom navigation for Member Area Header
  10. tuanphan
    You can use Gallery Slideshow first, then share page url, I can check easier
  11. tuanphan
    You can add this code to Page Header Code Injection or Code Block <style> /* header color */ header#header.shrink { background-color: white !important; } header#header.shrink img { filter: invert(0); } /* navigation items */ header#header.shrink div.header-nav-item>a { color: #000 !important; } /* Burger Icon */ header#header.shrink .burger-inner>div { background-color: #000 !important; } /* Burger X Close icon */ body.header--menu-open header#header.shrink .burger-inner>div { background-color: #000 !important; } </style>
  12. tuanphan
    I see your header are overlap left navigation item So, move both to these positions?
  13. tuanphan
    You can add a Code Block in Tyler Stalman > Paste this code <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css" integrity="sha512-KfkfwYDsLkIlwQp6LFnl8zNdLGxu9YAA1QvwINks4PhcElQSvqcyVLLD9aMhXd13uQjoXtEKNosOWaZqXgel0g==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <ul class="t-social"> <!-- instagram --> <li> <a href="https://instagram.com"> <i class="fab fa-instagram"></i> </a> </li> <!-- Youtube --> <li> <a href="https://youtube.com"> <i class="fab fa-youtube"></i> </a> </li> <!-- Twitter --> <li> <a href="https://twitter.com"> <i class="fab fa-twitter"></i> </a> </li> <!-- Tiktok --> <li> <a href="https://tiktok.com"> <i class="fab fa-tiktok"></i> </a> </li> </ul> <style> /* code block padding top bottom */ .code-block { padding-top: 0; padding-bottom: 0; } /* social icons code */ .t-social { display: block; margin: 0 auto; padding-top: 5px; text-align: center; padding-left: 0; } .t-social li { display: inline-block; margin: 0; line-height: 100%!important; } .t-social li i { font-size: 30px; margin: 0 20px; color: white; } </style> Replace example Instagram, Tiktok, Twitter... with your new url
  14. tuanphan
    To achieve this, you can First, add a section in Site Footer > Design this layout Next, edit that section > Add a Code Block > Paste this line <span class="close-popup">X</span> Next, edit Header button > Enter this url #popup Next, let me know, I will test some code to make this section become popup when clicking Contact Button
  15. tuanphan
    h1.blog-title { font-family: nineties !important; }
  16. tuanphan
    Do you use Personal or Business or Commerce Plan? With these images, will require script code
  17. tuanphan
    Can you check it again? It looks like you haven't clicked Save or haven't set option yet
  18. tuanphan
    Remove your code & use this new code nav.header-nav-list>div:nth-child(1) { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } nav.header-nav-list>div:nth-child(2) { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } Also, I see your font-face code has invalid code, so I guess it didn't work on some devices
  19. tuanphan
    I think you can use Gallery Block Slideshow or Gallery Section Slideshow, then use CSS code to rotate thumbnails to right of page If you share link to page, I can check & give the code
  20. tuanphan
    You can share link to this page, we can check & give the code
  21. tuanphan
    Hi, What is site url?
  22. tuanphan
    #1. It looks fine to me. Can you take a screenshot? #2. I don't see video thumbnail on this page
  23. tuanphan
    Where did you add popup code? Code Block, Code Injection or Page Header? If Code Block/Embed Block, you can use this code to Website Tools > Custom CSS (however it still appears under Header, because we can't change z-index of this section > z-index of header) [data-section-id="6581c02002632c6accb52de0"] { z-index: 9999999 !important; } You should add Popup code to Page Header Code Injection or Site wide Code Injection Footer, we can fix problem easier
  24. tuanphan
    What should it look like on mobile? Use another image or change white space color?
  25. tuanphan
    Can you share link to that page? We can check easier
×
×
  • 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