notnothing
-
Posts
20 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by notnothing
-
Change homepage gallery on mobile view only?
notnothing replied to notnothing's topic in Customize with code
Thank you so much! Thank you so much! I will create another gallery and add these codes! @Beyondspace -
Hello, hoping I can find out if there is a way to have two different galleries for the homepage. One for Desktop view and one for Mobile view? Specifically changing which photos are cycled through on each. Thanks! www.lillytaylorinteriors.com
-
You are the absolute best @tuanphan! Thank you so much!
-
@tuanphan Is there a way to apply this to all galleries? I have multiple pages with the same layout!
-
@tuanphan This worked! Very much appreciated.
-
I think I am using the wrong type of carousel here and it might work better using a portfolio in the reel style than this. However, if this is too much trouble, would you know how I could at the least move the control arrows to the center of the carousel in Mobile view? There are multiple of these galleries that need this. site address: www.lillytaylorinteriors.com/stonebridge
-
Thank you @tuanphan! This is a screenshot of what I see after entering the code.
-
@tuanphan Would you know how to do this?
-
Regarding the website I am working on here - www.lillytaylorinteriors.com/stonebridge Is it possible to get the carousel controls to look like the example below instead of the stock controls? I would also like to add the counter. I found this https://codyhouse.co/ds/components/info/carousel But I am not sure what to add as "Carousel content" in the code for Carousel Counter. Appreciate any help!
-
I also would like to move the carousel controls to the bottom next to the counter if possible. Like this,
-
Does anyone know if I can use this code to add a counter for the carousel? It has a section labeled "carousel content here" but I do not understand what to enter there. <div class="carousel js-carousel"> <!-- carousel content here --> <span class="js-carousel__counter"></span>/<span class="js-carousel__counter-tot"></span> </div>
-
Fixed this by just editing the markdown in mobile mode. @tuanphansuggested just pulling the text under the photo and that worked perfectly. I was overcomplicating it! Thank you!
-
www.lillytaylorinteriors.com/stonebridge
-
I have read other posts and copied this code into the site, and I like the resize control, however the text under the photo stays in the same place and ends up overlaying the carousel. Anyway to get that to move to under the carousel? Site Example: https://www.lillytaylorinteriors.com/stonebridge Code I am using: @media screen and (max-width:767px) { /* Enlarge Gallery Carousel block for mobile -- turned off arrows */ .sqs-gallery-design-strip { position: relative; overflow: hidden; min-height: 450px; } }
-
Hi @paul2009 I was able to fix it with choosing a different paragraph style in site styles!
-
I used this code, when I view mobile the asterisks show, and when viewing the preview of the website version they show, but when going to the website or clicking the arrow to expand the window to full screen the asterisks disappear.
-
Custom font not showing on mobile.
notnothing replied to notnothing's topic in Fonts, colors and images
I was able to remove the old font address and apply the new one! Thanks Tuanphan! -
@tuanphanThis worked for me but now on mobile the text under the carousel stayed in the same spot and is overlaying the carousel. 😀 Any help? Thank you.
-
Custom font not showing on mobile.
notnothing replied to notnothing's topic in Fonts, colors and images
@tuanphanPlease help me 😃 -
I have added a custom font to this site, the mobile preview shows the correct font, but when viewing on an actual mobile device it shows the wrong font. Here is a screenshot of what it should be, and a screen shot of what is showing on mobile. Here is the CSS: //---Header---// .header-menu-nav-item a { font-size: 12px; } /* Mobile Footer */ @media screen and (max-width:767px) { footer.sections * { font-size: 8px !important; }} //--- NAV ---// .page-section.gallery-section{padding-top:0px!important;} //--- Your Custom Font ---// @font-face{ font-family: 'Balham'; src: url('https://static1.squarespace.com/static/666b2c6a183262021142e20f/t/666b2cd2183262021142fc70/1713799531831/Balham.otf') format('truetype'), url('https://static1.squarespace.com/static/666b2c6a183262021142e20f/t/666b2cd2183262021142fc8b/1713799531851/balham-webfont.woff') format('woff'), url('https://static1.squarespace.com/static/666b2c6a183262021142e20f/t/666b2cd2183262021142fc8d/1713799531870/balham-webfont.woff2') format('woff2'); font-weight: 400;} h1 { font-family: 'Balham'!important;} h2 { font-family: 'Balham'!important;} h3 { font-family: 'Balham'!important;} h4 { font-family: 'Balham'!important;} .sqsrte-large { font-family: 'Balham'!important;} p:not(.sqsrte-large, .sqsrte-small){ font-family: 'Balham'!important;} .sqsrte-small { font-family: 'Balham'!important;}
