Jump to content

joeystephensmusic

Member
  • Posts

    31
  • Joined

  • Last visited

Posts posted by joeystephensmusic

  1. @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!

  2. 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

  3. 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
  4. 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?!?

    background spacing.PNG

    space above green buttons.PNG

  5. @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

  6. @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

  7. @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

    DesktopImage.thumb.PNG.6076bf881e177da1d37136123a740be7.PNG481146734_ProductdescriptionplacedaboveSizeButtonandbelowDollarAmount.PNG.5ee40f0e3f9d1500790554f50552d36a.PNG1101787592_MovedescriptionaboveSizeButtonandbelowDollarAmount.PNG.e5ce324735c5dab11476d4b07c296c4b.PNG

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.