Beyondspace
-
Posts
10,143 -
Joined
-
Last visited
-
Days Won
80
Reputation Activity
-
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 SarahFrancesBrandCo 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 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
-
-
Beyondspace reacted to RenataB999 in Costom font code for the website
Thank you, I fixed it. I went through the code and found the bug.
-
Beyondspace reacted to Suni in How to target only images with link
Hi
I mannaged to make a nice hover-effect on the images on the website, with help from a various very helpful youtubers.
The intention was to only have the effect on the images who also funktion as a hyper-link, but now the effect is on all the images on the website.
Is there a way to target only images with active link?
This is the code I have now:
/* Hover effect on images */
.fluid-image-container:hover img {
filter: brightness(60%);
box-shadow: 0px 0px 10px #FFC700;
transition: all 1s ease;
transform: scale(1.1);
-
Beyondspace reacted to Anna202 in Custom Font won't appear on mobile or other devices
Hey BeyondSpace,
I've uploaded the .ttf file and it now works! Thanks so much 🙂