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

Site URL: https://www.joeystephensmusic.com

@tuanphan 

1. I am curious if you can help make the space below the "JS" logo and above the Green Button smaller on mobile view(see "space above green buttons" attached picture). 

2.  I am still struggling with the blue background of my logo on mobile(see "background spacing" attached image).  I'd like to have the "Joey Stephens" gold logo stay the same size it is currently, but I'd like it to be centered rather than at the bottom, AND it would be nice if the blue background was slightly smaller all together. 

Help?!?

@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

@creedon  Your code for this is beautiful, however, I'm curious if you could help with my desired layout.

1. In my "DesktopImage" photo, I'd like to switch the color and size buttons.  I'd like Size to be on top of Color.

2. I'd like this to be the same on my mobile as well.

3. The product description on my Desktop view is below the dollar amount and above the Color button(which soon will hopefully be the Size Button).  However, on my mobile view, the product description moves to the bottom(see other mobile photos attached).  I'd love for the mobile view to be the same as the Desktop view with the product description below the dollar amount and above the newly located Size Button.

Can these 3 things be done?  

Thanks a million!

Joey

When I copy paste the code from https://developers.facebook.com/docs/plugins/page-plugin/  all that comes up is "Joey Stephens".  When clicked it does go to the events page on my fb page, however, i'd like squarespace to show the picture.  Advice?