Jump to content

tuanphan

Circle Member
  • Posts

    64,710
  • Joined

  • Last visited

  • Days Won

    516

Everything posted by tuanphan

  1. You can use this code to Website Tools (under Not Linked) > Custom CSS div.header-nav-item:nth-child(2) { position: absolute; right: 2vw; }
  2. That links redirect this page, it looks fine to me?
  3. Change your code to this a#site-title:after { white-space: pre; content: "Aspiring Journalist"; color: #000; font-size: .9rem; text-align: center !important; position: absolute; display: block; left: 50%; transform: translateX(-50%); top: 30px; } a#site-title { position: relative; }
  4. Use this code to Custom CSS @media screen and (max-width:767px) { section[data-section-id="65786538301caa326ce2e675"] .gallery-grid-wrapper .gallery-grid-item { min-width: 25% !important; } }
  5. Add this code to Last Line in Code Injection > Footer <script> $(document).ready(function(){ $('footer.sections .socialaccountlinks-v2-block').insertBefore('#announcement-bar-text-inner-id p'); }); </script> <style> #announcement-bar-text-inner-id p { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } @media screen and (max-width:767px) { #announcement-bar-text-inner-id p { position: static !important; transform: unset !important; } #announcement-bar-text-inner-id { display: flex; align-items: center; flex-direction: column; justify-content: center; } } </style>
  6. NHT2024 incorrect password now 😆
  7. Some useful CSS code for Site Title (7.1 version) With code run on One Page: Use code to Page Header Code Injection or Code Block (if plan doesn't support Code Injection) Site Title Color (One Page) <style> a#site-title { color: #f1f !important; } </style> Remove Site Title (One Page) <style> a#site-title { display: none !important; } </style> Additional Text under Site Title Use code to Custom CSS box a#site-title:after { content: "Squarespace 7.1"; display: block; font-size: 18px; } Rename Site Title (One Page) <style> a#site-title { font-size: 0; } a#site-title:after { content: "enter new site title"; font-size: 34px; } </style> Logo with Site Title Use this code to Custom CSS box a#site-title:before { content: ""; display: block; background-image: url(https://cdn.pixabay.com/photo/2024/01/07/16/27/reed-8493547_1280.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; width: 100px; height: 70px; } Replace Pixabay with your logo url Hide Site Title on Scroll Use code to Custom CSS box header#header.shrink a#site-title { display: none !important; } Change Site Title Color on Scroll use code to Custom CSS box header#header.shrink a#site-title { color: #000 !important; } Change Site Title Color on Cart Page Use this CSS code body#cart a#site-title { color: #f1f !important; } Float Site Title on Left of Site Use this CSS code a#site-title { position: fixed !important; top: 50% !important; transform: translateY(-50%) rotate(90deg) !important; z-index: 99999; left: 0px; } header#header *:not(#site-title) { transform: unset !important; } If you have problems, you can comment below.
  8. I added an answer to your question here
  9. Edit your code to this <div id="clickable-div" style="position: relative; width: 500px; height: 280px; overflow: hidden; border-radius: 10px; cursor: pointer;"> <iframe src="https://player.vimeo.com/video/726095855?badge=0&amp;autoplay=1&amp;autopause=0&amp;loop=1&amp;player_id=0&amp;app_id=58479&background=1&muted=1" style="width: 100%; height: 100%;" frameborder="0" allow="autoplay; picture-in-picture" title="GHOST CAR - SEX - GRADED FINAL - 422HQ" allowfullscreen controls="0"></iframe> <a href="https://google.com" class="video-click"></a> </div> <style> .video-click { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; } </style>
  10. Yes, possible, you can use above plugin
  11. I don't see video Just a background image with some text over image >> If you want this, you can use List Section Banner Slideshow Choose People > Choose section with (i) icon Click Edit Content and choose Design > Banner Slideshow
  12. I just tried but can't get video url. If you still want to use video in Asset Library, then my approach is add one more section under Portfolio Page, then add some video blocks, then share link to your portfolio page, I can give code to hide this section + adjust the above code with Video Block
  13. If you still can't find a way to remove it, you can add this code to Website Tools (under Not Linked Navigation) > Custom CSS /* remove header shadow */ .header-dropshadow { box-shadow: unset !important; }
  14. Not sure if this will work with video or not, but you can try You mean show image, and when hover >> change image with video and make video play?
  15. You mean hover on play icon >> Play video on a small red box behind logo, text, play icon?
  16. Have you tried adding second text to Description box yet? also, your title HTML code is invalid, it is missing opening and closing tag It should be <h2>M&M's</h2><p>Art Director</p> or M&M's<h2>Art Director</h2>
  17. Which page/section are you referring to?
  18. You can click icon next to Recycle to reverse Shape to front
  19. You can use this code to Custom CSS @media screen and (min-width:768px) { body#collection-61369efd259af547da3b6f9c div#gridThumbs { grid-template-columns: repeat(4,1fr) !important; } }
  20. I have invalid id, use this new code /* prev next */ .item-pagination[data-collection-type^="portfolio"] h2 { visibility: hidden; } a.item-pagination-link.item-pagination-link--next h2:after { content: "next"; visibility: visible; } .item-pagination-link--prev h2:before { content: "previous"; visibility: visible; }
×
×
  • 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.