Docs

[JP]

hi there

Can you please supply me with the CSS to edit the alert boxes that appear in various instances (see screen)

I want to:
– add image to left (in front of text, vertical aligned centre with text)
– change inner colour of cell to pink and opacity to 50%
– change border to pink

thanks!

[Joao]

Hi There,

Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Thanks

Joao

[JP]

sure. see the image as an example of what I want to do with the alert boxes (see above image in my previosu post for what i am calling an alert box.

I want to:
– add image to left (example has a tick)
– change inner colour of cell to pink and opacity to 50% (example had light green)
– change border colour of box

[Rupok]

Hi there,

Thanks for clarifying. Could you provide your exact URL and point us the alert box you are referring?

Cheers!

[JP]

sure

http://myeternalbeauty.com/cart/

the box that pops up when you delete an item from the cart

Cheers!

[Thai]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.woocommerce-message.x-alert.x-alert-info.x-alert-block {
    border: none;
    border-radius: 4px;
    color: #fff;
    background: hsla(337, 83%, 57%, 0.5) url(//cdn4.iconfinder.com/data/icons/customicondesignoffice2/128/success.png) 12px center no-repeat;
    background-size: 32px;
    padding-left: 50px;
}

Hope it helps 🙂

[Author]

Posts