-
Posts
65,269 -
Joined
-
Last visited
-
Days Won
521
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by tuanphan
-
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; }
-
Scrolling logos using gallery section - Issue on mobile
tuanphan replied to S1lvia's topic in Code Blocks
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; } } -
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>
-
NHT2024 incorrect password now 😆
-
- 5 replies
-
- custom-css
- store
-
(and 1 more)
Tagged with:
-
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.
-
I added an answer to your question here
- 1 reply
-
- clickthrough
- video
-
(and 2 more)
Tagged with:
-
Can you add a click through link for a URL to a video?
tuanphan replied to Sensebellum's topic in Images & Videos
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&autoplay=1&autopause=0&loop=1&player_id=0&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> -
Yes, possible, you can use above plugin
-
create full bleed carousel with images and videos
tuanphan replied to RArchitects's topic in Images & Videos
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 -
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
-
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?
-
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>
-
Which page/section are you referring to?
-
How Do I Add a List of Product Categories on my Main Page?
tuanphan replied to Natasha2022's topic in Site Design & Styles
Can you share link to your main page? We can check easier -
You can click icon next to Recycle to reverse Shape to front
-
How to change portfolio gallery settings across pages?
tuanphan replied to rjcook1985's topic in Site Design & Styles
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; } } -
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; }
-
Add this code to Custom CSS box div.header-announcement-bar-wrapper { padding-top: 0px !important; }
-
Hi, Can you share link to this page & let me know which text block you want to add background color?
- 1 reply
-
- background
- brine-template
-
(and 3 more)
Tagged with: