-
Posts
9,078 -
Joined
-
Last visited
-
Days Won
103
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Ziggy
-
Videos in a block fill the width not the height, which makes it difficult to fill the a space. The gap is small on desktop, but huge on tablet when the video block width gets narrower: This setup really doesn't work with a video block. If you're willing to use some code and happy for the video to be cropped, you could use a split section (with code) and fill space on the right with the video.
-
How to reduce the space between pages in an index?
Ziggy replied to SandraC's topic in Customize with code
I don't think so, but I don't remember how this old template works. You may want to use anchor links to get to the page sections rather than linking the pages within the index: https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links -
This does work work me (Android and Chrome). You may be seeing a compatibility issue on Safari for mobile.
-
1024px is significantly wider than a mobile screen, so it would cause a significant portion of the page to be hidden on mobile. What's your end goal here?
- 3 replies
-
- css
- custom-css
-
(and 3 more)
Tagged with:
-
Are you dragging it within the grid, or extending off to the right of the grid?
-
-
Reduce Height of My Contact Section
Ziggy replied to epicmountainconstruction's topic in Customize with code
Try this instead: #contact-us-home { min-height: 42vh; } -
It doesn't appear that you've edited the mobile layout. If you edit the page and then toggle the mobile version (top right) you can adjust the block layout independently of the desktop layout. (N.B. you can only adjust the block layout, if you edit the block contents then that will be reflected on both the mobile and desktop.)
- 3 replies
-
- css
- custom-css
-
(and 3 more)
Tagged with:
-
Import new SquareSpace website over old SquareSpace website
Ziggy replied to SureJake's topic in Pages & Content
Yes, you'll need a new subscription, and then move the domain to link to the new website. If you have an existing annual subscription you can contact Squarespace support are request a pro-rated refund. -
Reduce Height of My Contact Section
Ziggy replied to epicmountainconstruction's topic in Customize with code
Try this Custom CSS: #contact-us-home { .tweak-index-page-fullscreen-pages-with-backgrounds-only .Index-page--has-image { min-height: 42vh; } } -
Alternatively, check out this plugin: https://www.ghostplugins.com/products/p/kuro-image-hover-list
-
Hide image alt text on a portfolio index page
Ziggy replied to Imager's topic in Customize with code
I can do if that's something you want. Use this in Custom CSS to remove the portfolio captions: section[data-section-id="64f988b54c724255853476da"] { .portfolio-grid-basic .grid-item .portfolio-text { display:none; } } -
Can you share your website URL?
-
To make the text block bigger it would likely need to be further to the left to make the space to make it bigger.
-
What page do you want to change the font on? Store front? Cart? Checkout?
-
Making all font Stratum1 & 2 on my one pager
Ziggy replied to Business101's topic in Customize with code
Can you share the code that you tried? -
You can use Chrome dev tools to pull the HTML: <div class="nav-gif-wrapper"> <a href="/larose"> <h1 style="text-align:center">Luxury Real Estate</h1> <img src="https://static1.squarespace.com/static/5fe3e4d2fd86bf1144542597/t/66bff3a100fa13695b55a3ef/1723855777786/larose-thumbnail.jpg " alt="luxury-real-estate-branding" height="300" style="top:-55px; left:40px"> </a> </div> and some of the CSS (though you may need more): @media screen and (min-width: 640px) { .nav-gif-wrapper img { position: absolute; } } @media screen and (min-width: 640px) { .nav-gif-wrapper img { -webkit-transition: .5s; -moz-transition: .5s; transition: .5s; display: block; } } @media screen and (min-width: 640px) { .nav-gif-wrapper img { opacity: 0; } } .nav-gif-wrapper:hover { text-decoration: line-through; text-decoration-thickness: 3px; } Hopefully that gives you a start on the way this could be set up.
-
Making all font Stratum1 & 2 on my one pager
Ziggy replied to Business101's topic in Customize with code
Have you added this to your Header Code Injection? You can use this guide to learn how to add the font properties: https://www.samanthamadeo.com/blog/how-to-use-adobe-fonts-on-squarespace -
It's really clean and modern design, I like it a lot! From a user experience and SEO perspective, it would be great to have some content on the homepage. At the moment the only thing I see is a great photo, but I don't know if the website is for a photographer, or a furniture designer, maybe a painter or home builder? If I take the time to look around carefully I can see the word interior, but why expect a website visitor (or search engine) to work this out when you could present some introductory information to explain what the business is and what it does? It may be that this homepage was a design stipulation by the client, but it was my impression first looking at the website.
-
Split screen with gallery slideshow
Ziggy replied to michael-van-rooyen's topic in Customize with code
Try this method with a gallery section instead of the gallery block you are currently using: -
You can do this in the styles -> colors menu, it can change for each color theme.
- 1 reply
-
- footer
- social-links
-
(and 1 more)
Tagged with:
-
If you have a business plan or higher you should use this code in the Page Settings -> Header Code Injection: <style> @media only screen and (min-width:640px) { .Main-content { margin: 0 10vw; } } </style>
-
Splitting Index Galleries Between Two Links
Ziggy replied to nathanperkel's topic in Pages & Content
Sorry, this isn't a setup that I have any knowledge about to offer you the correct solution. Do you know who set it up? -
How did you do this? All of the landing pages appear to have the footer.
-
Custom fonts appear differently on mobile view vs actual mobile
Ziggy replied to grapefruit's topic in Customize with code
Try adding this to the italic font styling to remove the pseudo-italic that is being added: font-style: normal; So like this: //Heading One Font// h1 { font-family: 'Mont Heavy', alternative-web-safe-font; } //Heading One Font// h1 em { font-family: 'Mont Heavy Italic', alternative-web-safe-font; font-style: normal; }- 2 replies
-
- font
- code-injection
-
(and 2 more)
Tagged with: