Change the colour or Product categories and placement of the name

  • itrulyloveanna

    (@itrulyloveanna)


    4 years, 9 months ago

    Hi,
    Please could you help me to find a way to move the name of the categories below the thumbnail and to change its color to black.

    Thank you

    The page I need help with: [log in to see the link]

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

    (@brankoconjic)

    4 years, 9 months ago

    Hi,

    Add the following CSS code into the Additional CSS field in Appearance » Customize:

    .woocommerce ul.products li.product .woocommerce-loop-category__title span {
	transform: none !important;
	position: relative;
    color: #000;
    margin-top: 1em;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title span {
	opacity: 1;
	transform: none;
}
    Thread Starter itrulyloveanna

    (@itrulyloveanna)

    4 years, 9 months ago

    Hi,

    Thank you for your message.
    It helped to write the q-ty of product in black, but not the name of the category.
    As well the names and q-ty of product stayed on top of the image and not below.

    Please, could you send another code.
    Thank you

    Branko

    (@brankoconjic)

    4 years, 9 months ago

    Hey @itrulyloveanna,

    I see that you have changed the layout a little bit. You can increase the font size of the price by using this CSS:

    .wc-block-grid__product-price span {
    font-size: 1rem;
}
Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Change the colour or Product categories and placement of the name’ is closed to new replies.