thehouseofredvelvet

14 hours ago, Ziggy said:

Here's some Custom CSS that should help:

#productList .product .product-mark {
  background: #9f1d1d;
  color:#fff !important;
}

I've used the red from your website and white text, you can adjust the colours to your hearts content!

Hope that helped!

Hmm. That didn't seem to do anything.

On 10/22/2022 at 8:06 AM, Ziggy said:

Can you share your website URL?

Sorry. Thought I did. https://www.thehouseofredvelvet.com/art-boutique

Hi,

Does anyone know how to change the button colors on the "Sold Out" items on the bottom? Thank you. 

12 hours ago, tuanphan said:

You can add this to Design > Custom CSS

/* cart */
a.custom-cart-button {
    background-color: red;
    color: violet !important;
}

 

Thank you so much. ❤️

7 hours ago, tuanphan said:

You mean Checkout Button? Change its style?

No. I mean the little tan button that says "Cart" in the upper right hand corner in that photo.

16 hours ago, izzyswebsite said:

Maybe add !important after black. 

 

 

 

 

That did it. Thank you!

Do you know the answer to my other question above? When you put something in the cart, it makes a rectangular cart button that sits at the bottom of the page on mobile or at top on desktop (as pictured). It doesn't look that great to me. Do you know how to change it to a cart icon, or maybe change the style/colors of the button?

Thank you. 

3 hours ago, izzyswebsite said:

 

.cart-row, .cart-subtotal, .cart-title, .cart-row-title{

color: black;

}

This should do it. Sorry about that.

All ok! It got the Shopping Cart, but not the title of the item. 

17 hours ago, izzyswebsite said:

.cart-row, .cart-subtotal {
    color: black;
}

Try the code above. 

Thank you so much. It got some of it, but not all of it. -the title of the item and "Shopping Cart" is missing. See screenshots.

On 9/3/2022 at 2:31 AM, tuanphan said:

#1. Do you still need help or fixed?

#2. Use this code

button.cart-checkout-button {
    color: green !important;
    border-color: green !important;
    background-color: #f1f2f3 !important;
}

 

Hi, Unfortunately the text is still white so you can't see it. See here: https://www.thehouseofredvelvet.com/cart

You may just have to add a randome item to see that you will only see the photo of the item but not it's description. Thank you for your help. Almost there!

12 hours ago, tuanphan said:

#1. Add to Design > Custom CSS

body#cart #page, body#cart #siteWrapper {
    background-color: red;
}

#2. Continue shopping button or checkout button?

Thank you so much! I made it white, but can I add something for the text? Because that was white, and needs to be black.

2. I mean the little cart button that appears in the bottom corner after you add something to the cart. So it takes you to the cart page and then to checkout. 

Site URL: https://www.thehouseofredvelvet.com/cart

I have tried many codes, and I still cannot change the background color of the cart to white. Any ideas? Thank you.

Also, curious if I can change the look to the little rectangular " Cart button" whether its the icon or colors. Would prefer it white if it can't completely change.

6 hours ago, creedon said:

For one. Add the following to your existing style tag.

body:not( .button-style-default ) .sqs-editable-button,
body:not( .button-style-default ) .sqs-editable-button-color {

  border-color : black;
  
  }

For two. Do you want to change the cart page or the checkout? You mention both. The checkout page can not be modified. It is a SS security feature.

Let us know how it goes.

Hello,

That worked! Thank you. I guess it is the Checkout page. The one you go to next right after you hit the PURCHASE button. So that one has to remain black? I guess that is ok.

Thank you again.

Site URL: http://thehouseofredvelvet.com/store

Hello,

1. I am looking to fine tune the PURCHASE button on the bottom of the page on my website. I added code to change the background color to white as it is easier to read for a store. But, the PURCHASE button got messed up. 

2. I also need to change the cart page to white as well. Not sure if the link works, but after you add an item and go to purchase, the page should be white as well.

https://secure.squarespace.com/checkout?cartToken=dgrM46jTwmaL9p2GcYO7YIgG_CIxs4tA-8IuCcOm

Thank you.

This is the CODE I have in the Store page:

<style>
#overlayNav * {color: white!important}

#siteWrapper {background-color : white!important;}

#mainNavWrapper nav a, #mainNavWrapper nav a:visited, #mainNavWrapper nav label {color: #ddd9d9!important}

body * {color: black!important;}

#preFooter p, p *, h2, h3 {color: white!important}

#footer * {color: white!important}

.sqs-cookie-banner-v2-text *, .sqs-cookie-banner-v2-acceptWrapper * {color: white!important}

#mainNavigation div a {color: #ffffff !important;}

#mainNavigation div a:hover {color: hsl(0, 69%, 37%) !important;}

#mainNavigation div.active a {color: hsl(0, 69%, 37%) !important;}

#footer .nav-wrapper *:hover {color: hsl(0, 69%, 37%)!important}

.small-button-style-outline .sqs-block-button .sqs-block-button-element--small {color: white!important;}

.small-button-style-outline .sqs-block-button .sqs-block-button-element--small:hover {color: black!important;}

.newsletter-form-button-label {color: white!important;}

.sqs-editable-button-shape:hover * {color: black!important;}
</style>

3 hours ago, creedon said:

@thehouseofredvelvet

The instructions I posted earlier are for a v7.1 site. You are on v7.0 using the Fulton template from the Pacific template family.

For Fulton, click on Home > Pages > the store page.

Click Home > Design > Site Styles.

Hover over the product grid until you get the blue outline that surrounds the whole grid and click.

You should see the style tweaks filter down to a list related to the product grid. The control for columns will be in the list.

This technique works for all v7.0 sites.

Let us know how it goes.

Thank you!!

On 10/17/2020 at 7:52 PM, creedon said:

On your Store page click the Edit button in the upper left.

Hover over the page section for the store and click on the pencil button.

Change the number of columns.

 

Save your changes.

Let us know how it goes.

Hello,

Do you know where I can change this on my site? https://thehouseofredvelvet.com/store 

I do not see the same place you are describing. I would love four products in a row. Thank you!

5 hours ago, tuanphan said:

Add to Design > Custom CSS

/* Footer nav active */
footer#footer .collection.active a {
    color: green;
}

 

Would you know how to fix the two buttons in my Pre-Footer for the Memoirs pages only? They work on all other pages, but for the blog post pages, they are hovering with a white and keeping a white text. All other pages, they highlight white, but go to a black text. I am open to changing the style of the button, but do you know how to change this? Thank you!!

https://www.thehouseofredvelvet.com/memoirs/welcome

Thank you!

This is amazing. But, how do you do this for the Footer navigation? Would you just change it to Footernavigation in the title?

Thank you.

thehouseofredvelvet.com