leguido
-
Posts
15 -
Joined
-
Last visited
Content Type
Forums
Downloads
Store
Events
Blogs
Gallery
Profiles
Everything posted by leguido
-
Need custom CSS for product pages - desktop and mobile
leguido replied to leguido's topic in Customize with code
I'm sorry! This should work now: https://laurelguido.com/store/p/chromatic-print -
Need custom CSS for product pages - desktop and mobile
leguido posted a topic in Customize with code
Site URL: https://laurelguido.com/store/p/chromatic-print Hi - I am having trouble with a few things on my product pages: On desktop: 1. There are different sizes of product images (horizontal and vertical) and I was able to maintain the size without cropping, but now the spacing of the horizontal image is not centered and there is a large space between the product image and the thumbnails below it. a. how do I move the horizontal image so the arrows are centered? 2. The variant drop down and the 'add to cart' buttons are too big - they have too much padding around them and are too wide: a. how do I decrease the padding of the buttons in the dropdown menu? b. how do I decrease the padding around the 'add to cart' button? c. how do i decrease the width of the dropdown menus/add to cart so the buttons aren't so wide? On mobile: 3. With the same settings as the desktop - there is now too much space in between the horizontal product image and the title of the product: a. is there a way to lower the horizontal image so at least the arrows are centered? b. Or decrease the size of the vertical image so the text can be closer to the horizontal image (I'm guessing the text location wouldn't change when flipping through the slideshow, so if the vertical image is smaller, the text would move up, therefore closer to the horizontal image)? 4. the variant dropdowns and quantity buttons have too much padding and the add to cart isn't wide enough. a. how do I also decrease the padding of the mobile variant dropdowns and quantity buttons? b. how do I increase the width of the 'add to cart' button? Thank you!
-
Adding space between images in reel on mobile
leguido replied to leguido's topic in Customize with code
I tried this and this is what it ended up doing: It made that specific reel section shorter/smaller and it cut off the left and right sides of the images on all reels. 😞
-
Site URL: https://laurelguido.com I was wondering how to create space or padding around each of these images (different widths) in my reel on mobile: I was able to get the web version correctly and used this code: @media screen and (min-width: 800px) { .gallery-reel-item-src{ left: 35px } .gallery-reel-item img{ left: -17px; } } here is the link to this specific webpage: https://laurelguido.squarespace.com/stories/sheltered-spring Thanks!
-
Here is one: https://laurelguido.com/blog/saturation But it only doesn't work right on mobile.
-
Hi, I discovered that when I am on my blog on mobile devices, the blog post title is too high up and there is too much space between it and the images on the page. It for some reason is now located behind my website title. Is there a way to change the spacing of the blog post title? I don't mind where the slideshow is on the page, I would just like to move the title.
-
The problem is only on mobile. My 'about' page looks like this now:
-
Site URL: http://laurelguido.com All the sudden, my website now is having issues with the logo on mobile. on all pages, there is no space above the logo. on my homepage, the logo/hamburger needs to move down towards the slideshow: on my other pages, also needs to be more space between the logo and the page title: (store, blog, example page) Let me know if there are any fixes!
-
Redirect only one link to a homepage on desktop or mobile
leguido replied to leguido's topic in Customize with code
They would go to separate pages on mobile - it would be both laurelguido.com/link-in-bio and laurelguido.com both go to laurelguido.com on desktop. -
Site URL: http://laurelguido.com/link-in-bio Hi - I would like this link: http://laurelguido.com/link-in-bio and http://laurelguido.com to link to their own pages on mobile (these two links will follow the correct URLs) AND http://laurelguido.com/link-in-bio and http://laurelguido.com to link to the same page on desktop (link to http://laurelguido.com) I would like to put the http://laurelguido.com/link-in-bio on my Instagram page, but because it is only formatted for mobile (and someone can view Instagram on desktop), I would like it to redirect both these links to my homepage ONLY on desktop. On mobile, I would like to be able to open both those links so on mobile, the person can either be directed to my /link-in-bio page and also my homepage, depending on which link they click (so you can still see my real homepage on mobile if going to http://laurelguido.com).
-
https://laurelguido.squarespace.com/stories/sheltered-spring
-
Okay so I put this ^^ and added this for just mobile, since I didn't want to change the height on desktop. @media only screen and (max-width: 640px) { .gallery-fullscreen-slideshow { height: 40vh !important; } } This works on the slideshow that is "full: full bleed" but not the reel ones: full: full bleed: I'm having trouble with the cropping of the reel images either on desktop or mobile, one is always cropping while the other shows the full image: mobile vs. desktop: reel: full (height:medium) desktop = correct, mobile = cropped all the heights for the vertical images are the same as the heights of the horizontal images, but on mobile, it still crops the image. Sorry if this is confusing!
-
So I put this ^^ but nothing happened. I then put this, which at least did something: /* Mobile slideshow padding */ @media screen and (max-width:767px) { .gallery-reel-item { height: 40vh !important; } } but it just crops the image instead of making it smaller?
-
I'm actually using a reel slideshow (if that matters) but it still doesn't work. 😕 I have quite a few pages like this one with different editorials and will I need a different css for each page?
-
Site URL: http://laurelguido.squarespace.com Hi - I want to use a reel slideshow inside each of my projects listed on my gallery page. On the desktop, I would like to use either the medium or large height for the block that contains the slideshow. However, on mobile, I would like the height of the slideshow block to be small. How can I adjust the reel slideshow on only the mobile view? one of the projects with the medium height (correct) reel: https://laurelguido.squarespace.com/config/pages/6135d3c112370a6f0c6612d5 ---> and when you look at the mobile view, the images are too zoomed in, and look better if I change the height to small.
