joeystephensmusic

@tuanphan you've helped me with this before, however, when squarespace makes updates the custom css seems to screw up the image. as you can see, when you go to my home page the "joey stephens music" logo is no longer centered. it is fine on mobile, although, it would be better if there was less blue background above and below the logo on mobile. how do i fix the desktop first? here is the current custom css that is being used, and i happy to change, delete or replace any of it: @media only screen and (max-width: 767px) { section[data-section-id="6176bdca852c177d72829f24"] { margin-top: 0 !important; } section[data-section-id="5fa9c472066f8a0264cd50a2"] .section-background img { position: absolute; top: -80px; } section[data-section-id="5fa9c472066f8a0264cd50a2"] .section-background { background: #1e264d !important; } } i think the "media only screen" is the mobile, which, again, is fine for now. trying to fix the desktop first. then, deal with mobile after. thanks!

The Anchor Links I have created for the "individual" button and "organizations" button work, HOWEVER, they do not scroll immediately. There is a very SLOW scroll to start, then it scrolls quickly. The same thing happens when you click the up arrow on the right hand side of the screen: it starts to scroll very slowly, then speeds up. Can anyone help with making the buttons and arrow scroll quickly right away? @tuanphan? Thanks! password: masterclass

https://www.joeystephensmusic.com/clients-reviews

I would like the Title content of the Testimonial Section in italics. Help? @tuanphan Could you help me with any css for this? Thanks!

@bangank36 not exactly what i had in mind but i actually like it. thank you. any thoughts about how to simplify the main merch page to 4 category photos that you can click to open all products in that category, instead of seeing every product listed on the main merch page? https://www.joeystephensmusic.com/merch

Site URL: https://www.joeystephensmusic.com/merch Looking for assistance with Product Categories. 1. I’d like to make the title's of the categories listed at the top of the page larger. https://www.joeystephensmusic.com/merch 2. I'd like there to be a hover effect on each category, similar to the effect on the buttons on the bottom of the page. https://www.joeystephensmusic.com/merch 3. Instead of seeing ALL of the products on the main Merch page, I want 4 photos listed under the 4 categories, and have the photos function the same way the category titles function. Meaning you click the category title and it takes you to a new page that shows all of the products in that category. I'd like the same with the 4 photos of each category. Click each and it takes you to a new page that shows all of the products in that category. https://www.joeystephensmusic.com/merch @tuanphan or @creedon Help? Joey

@tuanphan I managed to fix the spacing on the desktop version. Mobile version has too much blue above the Joey Stephens Music signature. Ideas?

@tuanphan would you be able to take a look at my website. Both the desktop AND mobile background image are now off. This happened after I added the 2 buttons above that background image. Any css to help with this? Thanks! www.joeystephensmusic.com

@tuanphan My URL is www.joeystephensmusic.com. I added your code to make the "Booking" folder clickable in desktop view. So, now I would like the "Booking Info" link under that folder to ONLY appear in the Mobile View, as it is repetitive on the desktop view("booking" goes to booking page and "booking info" also goes to booking page). I'd like my Desktop View to look like... Booking - Client List - Bio ...the mobile view is fine as is... Booking Info Client List Bio

@tuanphan I do not! Thank you!

Thanks @tuanphan!

Is it possible to move the arrows immediately below the product image on Desktop AND Mobile view? If so, can the arrows be positioned closer together? And, lastly, is it possible to add a background color to the arrows? Gray? Thanks @tuanphan.

@tuanphan Hi Tuan! I used your awesome CSS for creating Carousel Arrows on my Mobile View. This is the code is used... /* Product slide arrows control */ @media screen and (max-width:767px) { .ProductItem-gallery-carousel-controls { display: flex !important; } /* arrows background */ .ProductItem-gallery-carousel-controls * { background: white; } .ProductItem-gallery-carousel-controls>div { justify-content: center !important; } } 1. I'd like to make those arrows slightly bigger and thicker. Ideas? 2. I'd like to have the same arrows on my desktop view as well. Is there a CSS for that too? joeystephensmusic.com Thanks! Joey

"We're not worthy! We're not worthy!" Worked perfectly. Thank you!

joeystephensmusic.com password: helpmecreedon