Icon product details and layer on article picture

  • Howdie,
    two short questions:
    1.)
    How can I set an icon on the product pictures on catalog sites?
    The reason that I had to replace the cart button with the details button (woocommerce settings) and for this details button I have to set a little icon.

    2.)
    I want to remove the author and date from the article preview on the front page.
    But when I do this also the publish date is removed and all what we see on the picture is a black square top left of the article picture.
    So how can I remove this square?
    I think it is a layer made in the css.

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi,

    Can you explain in detail with a screenshot of what you want to achieve if possible in the first query? Also, can you provide us with URL to your site so that we can inspect it and give you a proper solution?

    Thanks.

    Thread Starter wp1003

    (@wp1003)

    Hi Rajesh,
    I want to change/set the icon which is marked on this picture: Picture (Onedrive).

    Regards,

    Robert

    Hi,

    For changing the icon on the product, you could go to the Appearance > Customize > Additional CSS in the dashboard and insert the code mentioned below:

    .woocommerce-page .product .fa-shopping-cart:before {
    content: "\f129";
}

    Note: Change the icon unicode(f129) to change icon.

    For removing the author and date, you can insert the below mentioned code inside Additional CSS box.

    .entry-meta .author, .has-post-thumbnail .entry-thumbnail .posted-on{
	display: none;
}

    Thanks.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Icon product details and layer on article picture’ is closed to new replies.