Acouple of more questions, hope the last.
- This topic has 8 replies, 2 voices, and was last updated 3 years ago by
Zex.
-
AuthorPosts
-
June 3, 2020 at 8:23 am #26917
Diego Letelier
ParticipantHello 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.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.
The display of this “webpay” image is too big, can I control the display size? How?
Regards,
DiegoJune 3, 2020 at 9:01 am #26921Zex
ModeratorHello, 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.
June 3, 2020 at 7:35 pm #26927Diego Letelier
ParticipantThe 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
June 4, 2020 at 10:43 am #26932Zex
ModeratorHello, 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
June 4, 2020 at 4:21 pm #26935Diego Letelier
ParticipantGreat! 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,
June 4, 2020 at 6:40 pm #26936Zex
ModeratorHi,
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/sttq1jYou can change the color value to see the difference.
Regards
June 4, 2020 at 10:20 pm #26937Diego Letelier
ParticipantYes, it works perfect, I will take it too. The question was for these text placed on the next tab. please check the image.
Regards
June 8, 2020 at 4:14 pm #26959Diego Letelier
ParticipantHello, 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.
Regards
June 8, 2020 at 4:54 pm #26961Zex
ModeratorHello, 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
-
This reply was modified 3 years ago by
-
AuthorPosts
- You must be logged in to reply to this topic.