Archived topic

Adding CSS glyphs

3 replies · Started by FunkyCss on November 21, 2018

Viewing posts 1–4 of 4

November 21, 2018 at 6:30 am #733292

Hey , i try mostly to customize my wordpress sites with css so one day i will get away with builders , Mostly i am ok with that but i have an issue with adding Glyphs to my buttons .

I try to add this one to woocomerce button , but it looks that it cant load it

.woocommerce .product .add_to_cart_button.button:after {
content: '\00b0';
position: absolute;
opacity: 0;
top: 0;
right: -20px;
transition: 0.5s;
}

and some after css later . but the main issue is that (content : 00b0 is not loaded , actually not even one glyph , is wooomerce issue or Gps?

Thanks !

November 21, 2018 at 7:13 am #733445

Hi there,

try this CSS:

button.single_add_to_cart_button:after {
    display: inline-block;
    font-family: FontAwesome;
    float: left;
    content: "\00b0";
    font-weight: 300;
    margin-left: 1em;
}

Check the FA icon unicode as i haven't tested it with that icon.

April 20, 2019 at 1:20 am #874039

Thank you David

April 20, 2019 at 7:48 am #874318

You're welcome

This archived topic is closed to new replies.

Start building better websites today.