Shop Categories

X

Acouple of more questions, hope the last.

Home Forums Agama Pro Acouple of more questions, hope the last.

  • This topic has 8 replies, 2 voices, and was last updated 3 years ago by Zex.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #26917
    Diego Letelier
    Participant

    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

    #26921
    Zex
    Moderator

    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.
    #26927
    Diego Letelier
    Participant

    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

    #26932
    Zex
    Moderator

    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

    #26935
    Diego Letelier
    Participant

    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,

    #26936
    Zex
    Moderator

    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

    #26937
    Diego Letelier
    Participant

    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

    #26959
    Diego Letelier
    Participant

    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

    #26961
    Zex
    Moderator

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.