justin_phang

Ahhh, gotcha. Let me take a step back, actually, what I'm hoping to solve is to get people to scroll down at the landing page, so need a signifier. Was tempted to use an arrow but somehow the dots seems more elegant. By seeing the dots, people might automatically understood that this landing page is scrollable, might wanna try out the code you mention then, so this is my long way of saying 'yes please!'

Great question, and yes! scroll to the corresponding section by clicking on the dot

Hey there, I would like to add a vertical scroll dot section at the lower right side of the screen (indicated by a photoshopped jpeg), how should I do this? Ideally in a CSS format

Got it, thanks!

Thanks Tuanphan, couldn’t solve the issue with this method too as gallery block of the same page got affected. I’ll stick to individual block targeting. Appreciate it!

Thank you Tuanphan as always! Though after applying this code I realized all the other gallery blocks are affected. Seems like targetting manually on the gallery block in each of the page is the way around it (like your first solution), do you have any other suggestions?

This is great! Anyway to make this work for all pages? I use this gallery block as a form of index page at the bottom of every page, for example here: https://www.justinphang.com/wr-supreme-cell and here https://www.justinphang.com/google-mana And you're correct, I just want to make it bigger. But out of curiousity, if its enlarge + overlay, what kind of CSS will it be?

Hey there, I've had a CSS code for hover animation in my 7.0. After moving it to 7.1 the code is no longer working At the bottom of every page like https://www.justinphang.com/nike-hk, there's a gallery that users can navigate to the next page. Here's the previous code, can it still work with modifications? // Hover animation in Thumbnail Gallery block // a img.thumb-image { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 5px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; } a img.thumb-image:hover, a img.thumb-image:active { -webkit-transform: scale(1.1); transform: scale(1.1); } [id*='index-section']:hover img { transform: scale(1.1); transition: all .3s ease; }

It worked, thank you!

Hey there, I'm trying to shrink the font size of my 'Paragraph 3' font type in mobile view. How should I do this? I'm using 7.1

You are amazing! Thank you, it works wonders

That’s correct? How should I do it?

Hey there, I have set my header to be dynamic, but each time I scroll back up, a black bar appears. Is there anyway for the black bar to not appear? This is my website https://www.justinphang.com/ and I am using 7.1 Happy to solve this with CSS or in-built editor too

Dope! This does it, thank you so much again!

Same... I just realize this requires premium feature. Any chance this can be achieved with the generic CSS style tab?