Beyondspace
-
Posts
10,143 -
Joined
-
Last visited
-
Days Won
80
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Beyondspace
-
Margot Template Slideshow + Banner in Mobile
Beyondspace replied to afinocchiaro's topic in Customize with code
Can you give your site so we can take a look? -
Can you share your site so I can take a look?
-
How to Hide the Mobile Header on Perform for Life SF
Beyondspace replied to rati_fegihi3's topic in Customize with code
I can not see the header on mobile now. Have you figured it out? -
Can you share your site and the final result you want to achieve?
-
Change Image when Hovering over a word
Beyondspace replied to Tom1414's topic in Customize with code
You can try using the portfolio page with the hover background Layout. This layout has similar effect as the website you give example -
Product category page = 3 columns, product page = 1 column.
Beyondspace replied to Ianthe's topic in Customize with code
Can you share the direct links to those pages so I can take a look? -
For the mobile, you can try the following Css code @media only screen and (max-width: 767px) { .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry-wrapper.gallery-masonry-list--ready { display: flex; flex-wrap: wrap; height: auto !important; } figure.gallery-masonry-item { position: relative !important; display: flex; flex-direction: column; width: 100% !important; transform: unset !important; } .gallery-caption-content { position: relative; } .gallery-caption.gallery-caption-grid-masonry { width: 100%; max-width: unset; } .gallery-masonry-item-wrapper a:after { content: unset; } } My testing
-
My testing
-
For desktop view, you can try the following code @media only screen and (min-width: 768px) { .gallery-masonry-item .gallery-caption-content { visibility: hidden; } .gallery-masonry-item:hover .gallery-caption-content { visibility: visible; } }
-
I find thé following code make that navigation on the right disappear You can try the following code to overwrite it .header-nav-item.header-nav-item--collection a { opacity: 1; color: var(--solidHeaderNavigationColor); } Hope it can help
-
You mean this section to be moved down a bit?
-
I check that there are some effects at this section: - Hovering logo would switch to a new one - After an amount of time, one of the logos is automatically switched to the new one. Which one do you want to proceed with? It requires javascript to run, do you have the business plan or above?
-
You can try add the following custom Css code @media only screen and (max-width: 767px) { section[data-section-id="65b24e50b427163099b47c10"] .products.collection-content-wrapper .nested-category-children { padding-top: 0; } section[data-section-id="65b24e50b427163099b47c10"] .nested-category-title { padding-top: 10px; } }
-
Can you share your site so I can take a look?
-
My testing
-
Try the following code for mobile view /*Mobile arrange - meta data - image below*/ @media only screen and (max-width: 767px) { .blog-side-by-side .blog-item{ display: flex; flex-direction: column; } .blog-item-summary { order: 0; } } Let me know if it works properly on your site
-
@ughnett Could you try the Event settings and let me know if it is working well for you? 🤓
-
Mar-2024 Update: ⏰ The new Calendar picker now can be accessible in Blog Post and Event Settings, allow you to edit the publish date of events as well! Now it can be found on Blog post Status dialog Event Status dialog Event Start and End time dialog
-
Which parts do you want to set them side by side on mobile? Can you describe more detail?
-
Changing navigation underline weight
Beyondspace replied to RAD_Design's topic in Customize with code
Can you share your site so I can take a look? -
Squarespace's Marquee block doesn't inherently support adding separate links to individual items within the block. You can refer to using the code block on the following post:
-
Do you mean showing the image caption when Lightbox opened like this? Besides, what is the plan that your Squarespace site is currently subscribed to?
-
Look like I did not promote it properly 😅
-
These following codes sets all styles on your site. Kindly you check the purpose with them You can try the following code overwrite it .gallery-grid-image-link:after { content:''; width: 100%; height: 100%; display: block; background-color:#ffcc00; position: absolute; opacity: 0.6; } .gallery-grid-image-link:hover:after { opacity: 0; transition: opacity 0.5s ease; } .gallery-caption p:first-line { color: unset; font: unset; font-size: unset; font-weight: unset; } .gallery-caption-content { color:red; }
-
How to Disable Lightbox on Gallery Images on Mobile Devices
Beyondspace replied to kverge208's topic in Code Blocks
We can implement some CSS code on mobile breakpoint to disable your required object. Can you share your site so I can take a look?
