Acouple of more questions, hope the last.

[Diego Letelier]

Hello Zex,

A couple more questions (I am truly sorry)

On related products, the title is on grey, can I have the CSS to change that color? White, I think it is ok.
It is possible to change the tittle size on the related products? I have the same issue with normal products when the title is too long, or any other idea to help me to make related products the same size on the line.

https://prntscr.com/srauku

when I have more than one product on “my order” it doesn´t display very good the second one if the letters are in black I think will be fine (just for 2nd, 4th, 6th products in that list), or solve it with no different background color for lines, just a nice separator will do the trick.

https://prntscr.com/sraqk6

The display of this “webpay” image is too big, can I control the display size? How?

https://prntscr.com/srasp0

Regards,
Diego

[Zex]

Hello, Diego!

Here are the codes you need:

1.

/*Related product title color*/
.single-product .related.products h2{
    color: white!important;
}
.single-product .related h2.woocommerce-loop-product__title{
    color: gray!important;
}
/*products height*/
.inner_product{
    height:500px!important;/*Change this value if needed*/
}
/*my-order font color*/
.woocommerce .shop_table.cart tbody tr:nth-child(even), 
.woocommerce-page .shop_table.cart tbody tr:nth-child(even) {
    color:black!important;}

2.

That is the way you created your Image and unfortunately, It’s no possible to change it using the CSS code.
https://trawe.cl/wp-content/uploads/2020/04/medios-de-pago-png.png
To change it you need to edit your image, using some of the Photo Editing software.

PS I have already edited it for you if you want to try:
Payment methods Img
Regards

• This reply was modified 3 years ago by Zex.

[Diego Letelier]

The CSS works fine except for this one:

/*Related product title color*/
.single-product .related.products h2{
color: white!important;
}
.single-product .related h2.woocommerce-loop-product__title{
color: gray!important;
}

Thank you for the png image!

Regards

[Zex]

Hello, Diego!

Find and delete the following code from your Custom CSS and the above code will work:

/*Related Products title color*/
.single-product .related.products h2{
    color:grey!important;
}

Regards

[Diego Letelier]

Great! Now it did, thank you!

This one when I applied didn´t see any changes, it doesn´t work or I´m not using it correctly.

/*my-order font color*/
.woocommerce .shop_table.cart tbody tr:nth-child(even),
.woocommerce-page .shop_table.cart tbody tr:nth-child(even) {
color:black!important;}

Regards,

[Zex]

Hi,

I see the code works.
It changes the font color in the second row in your Basket (the row with the white background)
https://prnt.sc/sttq1j

You can change the color value to see the difference.

Regards

[Diego Letelier]

Yes, it works perfect, I will take it too. The question was for these text placed on the next tab. please check the image.

https://prntscr.com/stxue3

Regards

[Diego Letelier]

Hello, I guess you didn´t read the last post? copy and paste here:

The question was for these text placed on the next tab. please check the image.

https://prntscr.com/stxue3

Regards

[Zex]

Hello, Diego,

I’m very sorry that I missed your question.

Try the following code:

/*Tu pedido Producto font color*/
.woocommerce .shop_table tbody tr.cart_item:nth-child(even)
 {
    color:black!important;
}

Regards

[Author]

Posts