Already Registered pop up

10 posts from 3 voices

• Started 1 year ago by O5
• Latest reply from O5
• This topic is closed
• This topic is not a support question

Tags:

No tags yet.

1. 

   O5
   Member

   Is it possible to change blue back ground color of "Already Registered pop up" that shows on check out where you enter billing address? Because the font for click here to log in is unreadable for me?

   If possible can "Product successfully added to your cart." pop up green back ground be changed to different color too?

   Thx

   Posted 1 year ago #
2. 

   Ismael
   Moderator

   Hello,

   For the Already Registered pop up drop this line on your custom.css.

   .info {
   background: #000;
   {

   Now for Product successfully added drop this.

   #top div.woocommerce_message {
   background: #000;
   }

   This will render the div into black. You can change the value as always. :)

   Regards,
   Ismael

   Posted 1 year ago #
3. 

   O5
   Member

   This didn't work. It actually changed the color of the border for additional info and the border for the add to cart on the single product page.

   Posted 1 year ago #
4. 

   O5
   Member

   Actually when I removed the .info {
   background: #000;
   {

   The pop up register worked. Is this an overwrite issue? As far as the pop up registered , can the outline on the background box and text color be changed too?

   Posted 1 year ago #
5. 

   Mya
   

   Hi O5,

   Try adding this to your custom.css:

   div .info {
       background: url("../images/icons/info.png") no-repeat scroll 9px center #000000;
       border-color: #4B87D0;
       border-style: solid;
       border-width: 1px;
       box-shadow: 0 0 0 1px #FFFFCC inset;
       color: #FFFFFF;
   }

   You can change the values as you see fit.

   Regards,
   Mya

   Posted 1 year ago #
6. 

   O5
   Member

   Hi Mya,

   This worked great. How can I apply the same to the "product successfully added to cart pop up"?

   Thx in advance

   Posted 1 year ago #
7. 

   Mya
   

   Hi O5,

   Here you go:

   #top div.woocommerce_message {
       background-color: #E0F1B5;
       background-image: url("../images/icons/tick.png");
       border-color: #8BAF5B;
       color: #4F5F39;
   }

   Regards,
   Mya

   Posted 1 year ago #
8. 

   O5
   Member

   Hello Mya,

   Thanks for your time and help. This works great, the only thing is the "view cart" link did not change. Is there a way to change it too?

   Thx in advance

   Posted 1 year ago #
9. 

   Mya
   

   Hi O5,

   You're welcome! Here's the code for the View Cart link:

   #top div div.woocommerce_error a.button, #top div div.woocommerce_message a.button {
       background: none repeat scroll 0 0 transparent;
       float: right;
       left: 8px;
       margin-top: 0;
       position: relative;
       top: -6px;
   }
   #top div.woocommerce_error a.button, #top div.woocommerce_message a.button {
       color: #4F5F39;
   }

   The last snippet #top div.woocommerce_error a.button, #top div.woocommerce_message a.button should change the link color. I'm including the first snippet just in case you want to adjust the background color.

   Regards,
   Mya

   Posted 1 year ago #
10. 

    O5
    Member

    Your're Awesome Mya.

    It worked.

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.