Css :after and :before are not applied

  • Damien

    (@damiendutka)


    8 years, 7 months ago

    Hi,

    Another day for another problem. It is maybe not a problem.

    The properties :after and :before are not applied. When I inspect the code with Chrome developer tool, the styles not clearly were not applied on :after

    An example of my CSS :

    .itemShopLoop .product_type_simple:after,
.itemShopLoop .product_type_variable:after,
.itemShopLoop .product_type_grouped:after {
	font-family: "FontAwesome";
	font-weight: normal;
	font-style: normal;
	text-decoration: inherit;
	speak: none;
	display: inline-block;
	text-align: right;
	line-height: 1;
}

.itemShopLoop .product_type_simple:after { content: "\f07a"; }
.itemShopLoop .product_type_variable:after { content: "\f054"; }
.itemShopLoop .product_type_grouped:after { content: "\f054"; }

    Thank for your help

    https://www.ads-software.com/plugins/autoptimize/

Viewing 1 replies (of 1 total)
  • Plugin Author Frank Goossens

    (@futtta)

    well, in general AO loves :before and :after as much as any CSS expression.

    so check if;
    * the autoptimized CSS still has (an optimized version of) that code
    * there are any relevant error-messages or warnings in your browser console on the CSS-tab
    * there is any CSS (maybe excluded) that is overriding what is defined in the :before or :after

    if you can share a URL (ideally with AO active) I’ll be happy to have a look to see if I can pinpoint what is going on.

    frank

Viewing 1 replies (of 1 total)
  • The topic ‘Css :after and :before are not applied’ is closed to new replies.

Tags