elijah_aaron

On 10/18/2022 at 5:46 PM, annachang said:

 

Hello! My blocks are stacked strangely on mobile:

 

I need the logo at the very top, then the paragraph of text, and then the two buttons, ideally side-by-side.

check above - once you know that mobile is a different beast now - it helps A TON! I didn't like it at first but now I love it! MUCH MORE control!!

 :)))))

On 10/17/2022 at 12:02 PM, tuanphan said:

#1. Add to Design > Custom CSS

body#cart {
    background-color: white !important;
}

#2. Float cart on bottom right? Do it on cart page or all pages?

#3. Use this CSS

button.cart-checkout-button:hover {
    color: #f1f !important;
}

 

I'm trying to get the hover over color of "cehckout" to be my branding color #a0c2b4

I'd also like the "Add to cart" button  and the floating cart in the bottom right to change to the same color

Site URL: http://www.elijahaaron.com/discography

I'm not looking to style my cart page too much - just a few color changes - I've attached a picture. I'd like to...

1.) Make the background white
2.) Change the background color of the cart
3.) Change the color of the checkout button on hover

I'm also wondering how to change the hover color of my "add to cart" buttons on my music page. It doesn't seem to work on the design settings.

http://www.elijahaaron.com/discography

Ahh yea, I was unclear about that. That's awesome! Hey while I have your attention, do you know how I can change the hover over color to the add cart buttons?

You're the king! Thank you for your help!

Site URL: http://www.elijahaaron.com/discography

I'm thrilled with the new editor and loving how my site is looking right now. Particularly my music page (where the most content is posted) www.elijahaaron.com/discography

I got it looking exactly how I want, but then when I go to mobile, it's a complete mess 😞 like, not even close! 

I understand things are resized for a mobile view, but it's mixing blocks from the top of the page with blocks from the bottom - it's like someone shuffled a deck of cards. 😆

Any help would be much appreciated!

WORKED GREAT! THANKS!

Site URL: http://www.elijahaaron.com/discography

Hiya.

I'm looking to add 6 different product blocks on my music page -  I will remove all options from visibly so that I am just left with an "add to cart button". How can I now remove the "quantity" option? Removing "the add quantity" option can remain site-wide for now... no need to target each product block. I just want a simple "add to cart."

Thanks in advance!

Site URL: https://begonia-garlic-lpx7.squarespace.com

Hiya,

I got my home page looking great on computer view, but now it looks sloppy on the mobile view. I've attached pics. Can someone help me? It's the FINAL thing to fix before I switch domains over 🙂

https://begonia-garlic-lpx7.squarespace.com

@tuanphan

Your advice worked great, but now I'm encountering this issue on mobile view (picture attached) Anyway to tell them to all be side by side on mobile view?

Thank you for always helping me! I deeply appreciate it!

Thank you for your reply. Unfortunately, that didn't do anything - @tuanphan, any thoughts?

Site URL: https://begonia-garlic-lpx7.squarespace.com

Hiya friends,
Picture attached. I targeted each of these buttons via their block ID's. Reducing the padding works great for vertical but does nothing for horizontal.  Example:  "block-id" {padding: 0 !important}

Adding spacers to the right and left isn't helping either.  I just want them nice and snug together. Usually I can find my answer on the forums, but no luck. Thank you so much for always helping me! 

Site: https://begonia-garlic-lpx7.squarespace.com/
pword: yes

Hiya,

I'd love to have an accordion menu listing different genres of music. When a genre is clicked, the user will see an embeded soundcloud player for each genre in the accordion tab.

Is there any way to add code into the accordion tab? Example:

FUNK +

JAZZ +

SWING +

Click one, and an html embedded code block drops down.

@creedon The footer code worked! Thanks so much! Regarding the button, I'd like it to be black outline and black text, then upon hovering, turn #ce696c with white text.  (In the screen shot, I had the mouse over the button on the top right.

Thank you so much for helping me

@creedon Ah it worked. For some reason on the cart page, the css changes aren't immediate. I had to save and reload.

Hey, while I have you.. My design is completely done (fingers crossed)! Theres only one element I can't seem to fix for the life of me! Do you know how I can target the newsletter button? I want it to look and behave like all my other buttons behave. For some reason it's acting up... I'd also like the space between the main page and the footer to be much less. After that, I think I'm done!! Thank you so much for helping me!

-Elijah

@creedon didn't work 😞

@creedon

so how would I add a border?

#cart-body{

border-right: 17px double #ce696c;
  border-left: 0px double #ce696c;
border-right: 0px double #ce696c;
   border-bottom: 6px solid #ce696c;

}

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

www.palnikstudios.com.
password: yes

Hiya 🙂 I keep trying various ways to target my shopping cart page but nothing works... I'd like to simply give it side borders that match the rest of my site. I'm also trying to edit the color of the button on hover.

#cart doesn't work and #cart-body: doesn't either.

Site URL: http://www.palnikstudios.com/contact

@tuanphan Hello again 🙂

site: palnikstudios.com/contact
password: yes

I'm looking to remove the padding as shown in the pictures below. I notice that it's because I have no disclaimer on the newsletter sign up. Is there a way to remove that space somehow? I also can't for the life of me, figure out how to change the button color to black text. I like what it does on hover. 

I've been trying to target everything like this...

.newsletter-form-body>div {
    padding-top: 0 !important;
    margin-top: 0 !important;
  margin-bottom: 0 !important
}

 

Site URL: https://www.palnikstudios.com/gallery

@tuanphan

palnikstudios.com/shop

password:yes

I feel like my question was very unclear. 🤣 I have my store laid out exactly how I want it (via code blocks and product blocks)

my current store (cartoons tab) draws all the info from palnikstudios.com/shop  via product preview blocks.

before I go to the shop page (not in menu) and just hide the shop with a massive text block... Is there a way to have it there and active, but not seen? I tried disabling the page for viewers, but then all my products can not be added to cart.

I don't mind if the shop is indexed by google.. I just want people to view our products on the menu pages (paints / cartoons) rather than the hidden shop...

@tuanphan THANK YOU!!

Site URL: https://www.palnikstudios.com/gallery

palnikstudios.com/gallery
password: yes

@tuanphan

I created my own custom store store page using code blocks and product blocks. I have everything laid out the way I want, but the title of the product is clickable and I'd like it not to be. 

I'm trying to avoid using the squarespace store.. I'd like to keep visitors on my gallery pages (they can buy from there)

I'm basically trying to hide the store from view and sell on different pages.

The attached picture might explain it better...

Thank you for always helping me!

-Elijah

@tuanphan THANK YOU AS ALWAYS! How do I target the add to cart button and the title of the product? I'd like to change attributes like size, color, and padding.

Thank you for always helping me. I can't tell you how much I appreciate it!

@tuanphan the password is: yes

also yes, it's way way too small on mobile

@tuanphan I got the price closer to the title but now I'd like the quantity and "add to cart" button closer to the price... I just want it very compact in other words.