Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

tuanphan

Circle Member
  • Posts

    32,834
  • Joined

  • Last visited

  • Days Won

    330

Community Answers

  1. tuanphan's post in Background overlay behind text was marked as the answer   
    Add to Design > Custom CSS
    h2 { position: relative; z-index: 9999; }  
  2. tuanphan's post in Edits to Keyline under header? Squarespace 7.1 was marked as the answer   
    Add to Design > Custom CSS
    /* Projects header underline color */ body#collection-60ed2a12493b4338208a9cb5 header#header:after { background: #38402e; }  
  3. tuanphan's post in Edits to Keyline under header? Squarespace 7.1 was marked as the answer   
    Q1. First remove this code
    .header { border-bottom: 1px solid #d2c8cd; padding-bottom: 1px; } add this code
    /* header line */ header#header:after { content: ""; display: block; height: 1px; width: calc(~"100% - 34px"); background-color: #d2c8cd; margin-left: auto; margin-right: auto; } Q2. Do Q1 first, then we can check Q2 code.
  4. tuanphan's post in Edits to Keyline under header? Squarespace 7.1 was marked as the answer   
    Add to Design > Custom CSS
    /* Projects header underline color */ body#collection-60ed2a12493b4338208a9cb5 header#header:after { background: #38402e; }  
  5. tuanphan's post in Limit number of projects on mi main page was marked as the answer   
    I thought you want apply items on homepage
    With about page, use this new code
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(document).ready(function() { $('body#collection-5fbad64dcc1e33251b6eaaba .summary-item a').attr('target','_blank'); }); </script>  
  6. tuanphan's post in Fixed navigation bar + scrolling was marked as the answer   
    you can change green to rgba color
    eg: rgba(255,255,255,0.5)
  7. tuanphan's post in Move header to bottom of the page was marked as the answer   
    If you share link to your site, we can check & give the code to achieve this
  8. tuanphan's post in Rounding corners of portfolio/gallery thumbnails was marked as the answer   
    Add to Design > Custom CSS
    /* Round corners portfolio items */ body.homepage a.grid-item, body.homepage .grid-image { border-radius: 10px; }  
  9. tuanphan's post in How do I create a a scrolling text ticker? Squarespace 7.1 was marked as the answer   
    Hi. You can follow this guide
    https://ryandejaegher.com/easy-scrolling-text-in-squarespace/
    by @RyanDejaegher
  10. tuanphan's post in Mirror portfolio hover effect on images was marked as the answer   
    Add to Design > Custom CSS
    /* Posters overlay */ body.homepage .design-layout-poster .image-overlay { background-color: rgba(167, 62, 38, 0.6) !important; opacity: 1 !important; } body.homepage .design-layout-poster:hover figcaption { opacity: 0 !important; } body.homepage .design-layout-poster:hover .image-overlay { opacity: 0 !important; }  
  11. tuanphan's post in Thumbnails carousel on home page too big was marked as the answer   
    Try adding to Design > Custom CSS
    div#block-yui_3_17_2_1_1614977725273_5483 { width: 80%; }  
  12. tuanphan's post in Scaling gallery images on hover scales images out of the frame was marked as the answer   
    You need to set overflow for parent element. Add this code under
    /* Scale grid photo on hover */ .gallery-grid-item-wrapper { overflow: hidden; } .gallery-grid-item-wrapper img { transition: all 0.3s; } figure:hover img { transform: scale(1.3); transition: all 0.3s; }  
  13. tuanphan's post in Equal Button Width on Mobile View (for Link in Bio) was marked as the answer   
    Add to Design > Custom CSS
    /* Links bio button same width */ @media screen and (max-width:767px) { div#page-section-60f99c9919ec6730abe0ca1c .button-block a { min-width: 200px; } }  
  14. tuanphan's post in Custom Code Font Not Working was marked as the answer   
    Hi. Your font code is invalid. Replace all code in Custom CSS with this code
    @font-face { font-family: moontime; src: url(https://static1.squarespace.com/static/60de3fafbab11f6f3a2625ee/t/60f5bb8cc689252d67948a1b/1626717068734/MoonTime-Regular.ttf) } h1 { font-family: moontime !important; }  
  15. tuanphan's post in How to set up TWO COLUMNS in carousel design in MOBILE VER. was marked as the answer   
    Hi. Try adding to Design > Custom CSS
    /* Mobile list carousel */ @media screen and (max-width:767px) { body.homepage ul.user-items-list-carousel__slides { grid-template-columns: repeat(2,1fr) !important; } }  
  16. tuanphan's post in Disable scrolling on desktop only? was marked as the answer   
    Edit this code
    html, body {width: 100% !important; height: 100% !important; overflow: hidden !important} to this
    html, body {width: 100% !important; height: 100% !important;} @media screen and (min-width:992px) { html, body { overflow: hidden; } }  
  17. tuanphan's post in How to REMOVE DROP SHADOW from Testimonial Slider Header was marked as the answer   
    Add to Design > Custom CSS
    /* remove summary shadow */ div#block-yui_3_17_2_1_1624640729212_5182 header { box-shadow: none !important; }  
  18. tuanphan's post in Schedule automatically centering in page? was marked as the answer   
    Try Design > Site Styles > Disable Ajax Loading
  19. tuanphan's post in Remove image overlay was marked as the answer   
    Add to Design > Custom CSS
    /* second image transparent overlay */ div#block-yui_3_17_2_1_1626691280237_11105 .image-overlay { background-color: transparent !important; }  
  20. tuanphan's post in Reducing space between navigation and underline was marked as the answer   
    Add to Design > Custom CSS
    .header-nav-item::after { top: -10px; position: relative; }  
  21. tuanphan's post in How to reduce width on text block? was marked as the answer   
    Can you share link to page in screenshot? We can help easier
    Have you tried adding 2 Spacer Blocks on left/right of text yet?
  22. tuanphan's post in Enable a hover color to appear for index's pages in Avenue template? was marked as the answer   
    Hi,
    Add to Design > Custom CSS
    /* project nav links hover color */ div#projectNav span:hover { color: #36cb25 !important; }  
  23. tuanphan's post in Fix outline and font colour for a rogue button on my blog header was marked as the answer   
    Hi. Add this code to Design > Custom CSS
    /* Blog individual posts contact button */ body.collection-type-blog-basic-grid.view-item header#header a.btn { color: white; border-color: white; }  
  24. tuanphan's post in BEMIEN site, what version of SqSp is it? was marked as the answer   
    Hi. This site is Squarespace 7.1.
  25. tuanphan's post in Button Dropdown menu in header was marked as the answer   
    Add to Last Line in Code Injection > Footer. Replace google with new url. 
    <script> jQuery(document).ready(function($) { $('<div class="sqs-block-button button-block tuan"><div class="sqs-block-button-container--center"><a href="https://google.com" class="sqs-block-button-element--small sqs-block-button-element">Google company</a></div></div>').insertAfter(".header-actions-action.header-actions-action--cta>a.btn"); }); </script> <style> .sqs-block-button.button-block.tuan { margin-top: 10px; } </style>  
×
×
  • Create New...