Beyondspace
-
Posts
9,983 -
Joined
-
Last visited
-
Days Won
80
Reputation Activity
-
Beyondspace reacted to earthwindflowermoon in Reduce padding between product title and inserted code block featuring SKU
It's perfect! Many thanks!!!
-
Beyondspace reacted to Beyondballhawaii in How to enable "Add to Cart" for specific items only?
<style>
#item-65bc2f73a96a806b3a8d7d26 .ProductItem-details .sqs-add-to-cart-button-wrapper {
display : none;
}
</style>
found the code above on this forum and it solved my issue. Thank you for recommending the square id finder, very helpful.
-
Beyondspace reacted to Ramon-east in align a session gallery
It seems to work great, if I want all sessions to look like this I just need to remove "section[data-section-id="65de4818b8645b5b997c772c"] " correct?
-
Beyondspace got a reaction from Jeffery_Alspaugh in Assets Library downloader
Bring the ability to download the images from your Assets Library quickly without navigating away from the files container.
Support download single image or selected images from the viewer
- Only images download support
- Work in detail list view
- Compatible with all Squarespace plan
- Free to use
Check it on this page 🔗
Created with ❤️
BeyondspaceStudio
Squarespace Circle Member
-
Beyondspace got a reaction from Beyondballhawaii in How to enable "Add to Cart" for specific items only?
Each product page on squarespace has a unique id. You can use your above code with item id to set the appropriate style for add to cart button
You can the following extension to get page id: squarespace id finder - Google Search
-
Beyondspace got a reaction from bellamalia in Reveal text with hover on gallery
We can achieve this layout by using the image section (Simple style)
Note: Set Captions on
After that, we can use the CSS code:
.gallery-grid-item { position: relative; } .gallery-grid-item:hover .gallery-grid-lightbox-link { background: #000; } .gallery-grid-item:hover .gallery-grid-lightbox-link img { opacity: 0.6; } .gallery-caption.gallery-caption-grid-simple { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0; } .gallery-grid-item:hover .gallery-caption-grid-simple { opacity: 1; transition: none; } .gallery-caption-content { text-align: center; color: #fff; } My testing
Let me know how it works
-
Beyondspace reacted to Ramon-east in align a session gallery
all the tutorials I saw were to align old galleries from versions 7.0, in version 7.1 we don't have gallery blocks, just sessions. How do you align the logos?
-
Beyondspace reacted to ChuckG-Art in How to make drop down menu folder transparent
fantastic! thank you!
-
Beyondspace reacted to Webmaster_for_ZLC in The navigation menu turns into the hamburger menu when viewed in portrait orientation on a tablet
Thanks so much for the solution!
Fantastic work!!!
With deep appreciation!
Brent
-
Beyondspace got a reaction from Webmaster_for_ZLC in The navigation menu turns into the hamburger menu when viewed in portrait orientation on a tablet
You can try the following css code
@media only screen and (max-width: 767px) { .header-display-desktop { display: none; } } @media only screen and (min-width: 768px) { .header-display-desktop { display: flex; } .header-display-mobile { display: none; } .header .header-title-nav-wrapper .header-nav { display: block; } .header-layout-nav-right .header-title{ flex: unset !important; } .header-burger { display: none } .header .header-announcement-bar-wrapper { padding-top: .1vw; padding-bottom: .1vw; padding-left: 3vw; padding-right: 3vw; } }
-
Beyondspace reacted to Ianthe in Product category page = 3 columns, product page = 1 column.
Here is the shop page https://www.ianthe.house/our-properties. I have set it as single column for now, as single column looks better on the product category pages, given we have just one product per category.
However, I would love to see three columns on the shop page so our three products are side by side (the single column view for the product page shows images that are way too big for what I would like to see!), and just one column on the category pages, to display our single product per category without leaving excess white space for columns where additional (currently non-existing) products might be.
The issue seems to be that the shop and category pages follow the same structure by default.
Thank you so much for your help, its sincerely appreciated.
-
Beyondspace reacted to christined in 7.1 Split Navigation script - nav items on right disappear or wrong color
It worked perfectly! THANK YOU SO MUCH, @Beyondspace!
-
Beyondspace got a reaction from christined in Masonry Grid Hover Captions
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; } }
-
Beyondspace got a reaction from christined in Masonry Grid Hover Captions
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
-
Beyondspace reacted to rati_fegihi3 in How to Hide the Mobile Header on Perform for Life SF
The header is hidden on desktop, but remains visible on mobile at https://justine-ambat.squarespace.com/. How can I hide it across all devices?
-
Beyondspace reacted to RClark_Moja in Adding a button to scrolling bar
Hi All,
Can anyone advise how I add a button with the scrolling bar? So the Buy Now is a button rather than text? Even better if there is a code that pins the scroll at the bottom of the page so it is always visible.
TIA 🙂
-
Beyondspace reacted to Saibot in text next to an image gallery
Hello,
I want to put a text next to an image gallery. Just like in the picture, only without the shop.
But I can't find a way to implement this and would appreciate tips and help.
Thanks, Tobias
-
-
Beyondspace reacted to creedon in JavaScript or HTML from MailerLite into my Personal Subscription
I can't speak to the MailerLite JavaScript itself working on a SS site.
As to running JavaScript on a SS site, that requires the business plan or above.
-
Beyondspace reacted to phoebes21 in JavaScript or HTML from MailerLite into my Personal Subscription
Can I successfully embed JavaScript or HTML from MailerLite (newer free version) into my Personal Squarespace Subscription.
I created the embedded form, put the HTML intro a code block on SquareSpace and it looks ok but show an error message "code removed." The best I can determine is that I cannot add a JavaScript or HTML embedded form code into my "personal subscription" and need a business subscription. Correct or no?
Using Zappier is not the solution to link the two because I still can't get MailerLite on SquareSpace, right?
thanks!
-
-
Beyondspace reacted to SquareQuestions in Side-by-side blog on mobile
I want the Featured Image to be on the right, and the text content (meta data, date, title, context) to be on the left. Similar to the desktop view.
If that is not possible, I would prefer the Featured Image to appear below the text content.
Thanks in advance!!
-
Beyondspace reacted to ughnett in Enhanced Datepicker for blog publication
oh my god how did I just discover this??
-
Beyondspace got a reaction from ughnett in Enhanced Datepicker for blog publication
Replace the blog publication datepicker with the calender version that allow you to quickly switch between year and month. Save a tons of click to go backward and forward instead of swiping month-by-month
- 7.1 Template support (7.0 will be soon)
- Can be used in Blog Post and Event settings
Blog post Status dialog
Event Status dialog
Event Start and End time dialog
- Compatible with all Squarespace plan
- Free to use
Check it on this page 🔗
Created with ❤️
BeyondspaceStudio
Squarespace Circle Member
-
Beyondspace got a reaction from pbjameson in Changing navigation underline weight
You can try adding to Home > Design> Custom Css
body:not(.header--menu-open) .header-nav-item--active>a { background-size: 1px 4px; } Press 👍 or mark this answer as solution to help another one too