Search the Community
Showing results for tags 'css'.
-
Site URL: https://www.janglad.works/modol Like many others I had issues with the mobile banner cropping too much, I solved this with this code: @media screen and (max-width:640px) { section[data-section-id="5fabebd25e6bfa61e3a51e64"]{ min-height: 0 !important; height: 120vw; } section[data-section-id="5fabebd25e6bfa61e3a51e68"]{ min-height: 0 !important; height: 60vw; } } however this results in the images becoming very pixelated, from what I understand Squarespace creates multiple version of images when you upload them and I assume the correct one isn
-
Change gallery Style on just one page (index)
IgnatiaBelle posted a question in Coding and Customization
Site URL: https://www.google.com/search?client=safari&rls=en&q=the%2Balmonte&ie=UTF-8&oe=UTF-8 Essentially I want to have one page, my home page, different to the rest. Is there anyway to do this? I don't mean change the layout or what have you, I simply want to change the gallery style on just this page. So that instead of having a grid gallery I have a slideshow. I just want to be able to change the aspects of the page without influencing or changing the whole site... Im using 7.0 and its within an index page btw Thankyou!- 3 replies
-
- 1
-
-
- index-page
- slideshow-gallery
- (and 3 more)
-
Site URL: https://www.beechcroft.co.uk/why-beechcroft/healthihouse Does anybody know how to increase the subtitle text size in stack galleries?
-
Vertical lines between each card in a 'Summary' block
katiapase posted a question in Coding and Customization
Site URL: https://cinnamon-kangaroo-8d9s.squarespace.com/ Hi there, I'd like to add vertical lines to border the individual cards in a 'Summary' block. I want to apply this to two scenarios: A row of cards with image stacked on top of title: vertical line should appear between each card. Single full-width card with image left and title right (desktop only): vertical line should appear between the image and the title (halfway point of screen). In both scenarios the vertical line should meet the horizontal lines I've placed top and bottom of the summary blocks. T -
I would like to make one of my navigation menu items/titles to look like a button/be highlighted compared to the rest. I am using the om-template. It looks like the attached photo and I would like the DONATE to be in a darker font with a white rectangular background behind it. I would like it to look similarly to the other attached photo where the CONTACT looks like a button. Thank you! -
Hi,I only have one product block, and would prefer it to be centre-aligned,Link: anxietyempire.com/shopThanks for any tips!
-
Hi all, I've seen some sites where the homepage has got the site header moved below a banner and only just on the homepage. I've been able to find out how to remove the site header but not how to move it down. Any help?
-
Site URL: http://cephtactics-dental.com Please can someone advise how to change the word login in the header area to another word. Thank you :)
-
Site URL: https://thewanderingbison.com/products/sundown-quilt-hand-quilted-sunset-quilt Hi! I have my individual product photos displayed stacked on my desktop/tablet website, but when it switches to mobile it turns them into a slideshow which severely crops the photos. It makes it look really awkward and it doesn't show my product well. Is there some custom code that I can use to make my individual product page photos show up stacked on mobile? Thanks! -
Site URL: https://wolf-cube-3k56.squarespace.com Can anyone recommend CSS to add so I can spread out the items in my drop-down nav? I've already added CSS for line height, but I don't know the tag for the space between the line items. I have links that are two lines long, and I need additional space so there's more separation. Also, is there a way to add padding to the bottom of the container box? Thanks
-
Site URL: https://mouse-trout-epjy.squarespace.com/members Hello, I am trying to add a blue overlay on hover to the images in a portfolio grid. On Members page, you can see I've added a grid of images with a working blue overlay on hover using the following code: .layout-caption-overlay-hover .image-caption-wrapper { background-color:#66C8F0!important; opacity: 0.6!important; min-height:100%; top:0!important; } .layout-caption-overlay-hover .image-caption-wrapper, .layout-caption-overlay-hover .image-caption-wrapper { color: transparent; } Below th
-
Hi, how do we change the Main Intro Banner height in Hayden theme? I would like to increase the height (applicable to Desktop and Mobile). Cheers. Site - https://earthworm-prism-36ks.squarespace.com Password - 12345q
-
Site URL: https://turquoise-platinum-pr9s.squarespace.com Hello, I'm looking for custom css code for my website, so that i can change the font of the buttons on my cover page to Brownregular. Password: jjj Any help would be great, Jacob.
-
Force Summary Block to 3 thumbnails per row for mobile
junger posted a question in Coding and Customization
I am looking for a way to force summary blocks to display 3 thumbnails per row along with their excerpt for mobile screens. Does someone know how to accomplish this? I have the summary block on the page below: https://www.dothingsnyc.com/journal Thanks, Josh -
Site URL: https://turquoise-platinum-pr9s.squarespace.com Hello, I'm looking for custom css code for the mobile version of my site. My two problems are: 1. I would like to reduce the height of the mobile footer, so the links are closer together. 2. The background I uploaded shrinks when viewed as mobile. This does not happen on the first section of the home page. Password: jjj Any help would be great, Jacob. @tuanphan
-
Site URL: https://turquoise-platinum-pr9s.squarespace.com Hello, I'm looking for custom css code for the mobile version of my site. My problem is: 1. On mobile view the Pagination-title becomes clipped (see img below). Just looking to have it smaller so it fits on the screen. Password: jjj Any help would be great, Jacob. @tuanphan
-
How to change the language of 'read more' on blog page.
jacobcuz posted a question in Coding and Customization
Site URL: https://turquoise-platinum-pr9s.squarespace.com Hello, I'm looking for custom css code to change the 'read more' link to language i require for my bilingual site. Password: jjj Any help would be great, Jacob. @tuanphan -
Fixed Header Content Overlap Issue on Index Pages
merrymoondancer posted a question in Coding and Customization
Site URL: https://rootstocanopy.squarespace.com I have a fixed the header on this site but am getting content overlap on the index sections when using jump links to navigate the page. Here is the code I am currently using: /* header freeze */ .Header { position: fixed; z-index: 9999; width: 100%; top: 0px; } .Content-outer { margin-top: 100px; } /* end header freeze */ Link to page for example: rootstocanopy.squarespace.com/consulting Password: roots Thanks for any help! -
My CSS becomes distorted on my public site
CosmicChristine posted a question in Coding and Customization
Site URL: https://www.mindfulhealingjourney.com/home Hi! I've created some css on a website I'm working on and it all looks great in the editing window. Yet when I check on the public site the graphics have all of a sudden gotten a lot bigger and moved around on the page. I have no idea why.. I've also attached a screenshot of how it's supposed to look and does look in my editing window. -
Site URL: https://www.myloveforyou.co/ Hi there, I am new to 7.1 and am using the Clove template, I want to move my logo to the center of the menu - but for the life of me I can't figure it out. I have searched the forum but the CSS that is offered isn't working on my site. Is this a CSS fix or are there ways to adjust the logo in the Design area? Any help is appreciated!
-
Hi, I'm having real trouble changing font relating to products. It would seem they don't adhere to my previous coding ( a custom font change for h1, h2,h3 and P) I have searched this forum and did try solutions already posted to no luck. Anyone know what could be wrong? tweak-product-item-details-show-title .ProductItem-details h1.ProductItem-details-title { font-family: 'TYPEWRITER'; } Also tired this one: .producttitle { font-family: 'TYPEWRITER'; } Sorry, very new to CSS but what seems to work for some people just isn't for me.
-
Site URL: https://oboe-fuchsia-3yj4.squarespace.com/shop Title says it all! For a 200-item store, it's a lot on one page. Any code snippets that allow you to cap it at 30 or 40, then have a button to load the rest of the products? Using Brine: https://oboe-fuchsia-3yj4.squarespace.com/shop Password: view Thank you! -
How do I change my section heights for mobile only?
leun posted a question in Coding and Customization
Site URL: https://bronze-sunfish-znhp.squarespace.com/ I'm happy with how the site looks on desktop, but need to shrink the heights of sections on mobile - which css can I use to achieve this? Site: https://bronze-sunfish-znhp.squarespace.com/ Pass: blulab2021 Thanks so much! -
Right now I'm trying to change the font style of the gallery blocks on my home page for the template "Impact". (See Attached) I'm using ".sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: "LaborUnion" !important }" but it doesn't seem to be working. The file can be found here: https://nectarine-lime-6www.squarespace.com/ -
Site URL: https://tulip-wrasse-a4lb.squarespace.com Hi everyone, I'm using a custom font on my site and it's working well but I am unable to change the font on products and catergories in the shop page, and product blocks on the home page. I've tried a few options suggested elsewhere on the forum but with no luck. Any help would be gratefully received, thank you! https://tulip-wrasse-a4lb.squarespace.com/shop https://tulip-wrasse-a4lb.squarespace.com/ p: TPP2020
