Change colour on Checkout button and Green Text

[ilegales]

Hello

 

i would like to change two things

1) In photo one -

the "green text colour and Font" in this text once a product has been added into the basket

 

and

 

2) in the second photo

the "RED Checkout button colour" seen on photo in the side shopping basket

 

i am using a custom theme

 

thanks very much

 

 

Edited April 5, 2021 by ilegales (see edit history)

[JBW]

Use the "inspect element" function in your browser (right-click on the element) to identify the correcponding CSS class/ID. Then add the CSS code into your themes customs.css with adjusted color attributes

[ilegales]

i have done this and found the colour and font which needs to be changed

 

and how do i find exactly where to change the font and colour

i dont see any location for this

see photo

 

 

[ilegales]

i added this code to the theme custom css 

 

but no change

 

 

[gabbodrummer18]

Hi,
did you clean the cache?
If you did but it doesn't work try entering !Important at the end of the css code.

 

[ilegales]

i tried both with a (.) at the start and then with a (#)

 

}
  #layer_cart .layer_cart_product .title {
    font: 400 23px/29px "play",sans-serif;
    color: #ad1457;
    margin-bottom: 22px;
    display: block;
    padding-right: 100px !important; 
}
  #blockcart-modal .modal-title {
    font: 400 23px/29px "play",sans-serif;
    color: #ad1457;
    margin-bottom: 22px;
    display: block;
    padding-right: 100px !important;
}

 

 

cleared cache and on the browser hard reset and clear cache in developer mode

 

no change.....

 

[gabbodrummer18]

You have to insert !important for each line:

 

#layer_cart .layer_cart_product .title {
    font: 400 23px/29px "play",sans-serif !important;
    color: #ad1457 !important;
    margin-bottom: 22px !important;
    display: block !important;
    padding-right: 100px !important; 
}
  #blockcart-modal .modal-title {
    font: 400 23px/29px "play",sans-serif !important;
    color: #ad1457 !important;
    margin-bottom: 22px !important;
    display: block !important;
    padding-right: 100px !important;
}

 

you have to insert  "." if it's a class or "#" if it's a id

[ilegales]

that worked for the left side of the cart box

i still have the other font for the right side

"there is 1 item in your shopping cart" 

(See photo)

 

Also the "RED" Checkout button i would like to change that colour

Any idea on how to change that colour please

 

 

This code did not seem to do anything - what should this part change?

#blockcart-modal .modal-title {
    font: 400 23px/29px "play",sans-serif !important;
    color: #ad1457 !important;
    margin-bottom: 22px !important;
    display: block !important;
    padding-right: 100px !important;
}