How do I target my cart page with CSS? - version 7.1

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.

To target CSS to the cart page only your ruleset selectors need to start with #cart

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

}

Add the following to Design > Custom CSS.

#cart #page {

  border-left : 10px double #ce696c;
  border-right : 10px double #ce696c;
  
  }

Let us know how it goes.

@creedon didn't work 😞

Is the code installed now? I did not find it.

Here is your site without the code.

And with my code installed locally.

@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

13 hours ago, elijah_aaron said:

I'd also like the space between the main page and the footer to be much less.

Add the following to Design > Custom CSS.

.page-section.vertical-alignment--middle:not( .content-collection ):not( .gallery-section ):not( .user-items-list-section ).section-height--small > .content-wrapper {

  padding-bottom : 0;
  
  }

This is for v7.1.

Let us know how it goes.

13 hours ago, elijah_aaron said:

Do you know how I can target the newsletter button?

You show two styles of buttons at the top of your image. Which one were you hoping to emulate for the newsletter button.

@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

Quote

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.

Ah. I see!