Shop Categories

X

Reply To: Responsive, text colors and css style questions

Home Forums Agama Pro Responsive, text colors and css style questions Reply To: Responsive, text colors and css style questions

#26777
Zex
Moderator

Hello, Diego!

Here are the answers for you:

On the mobile view, when you buy something, on the cart, the column of the price and resume is too far on the right.

https://prntscr.com/siyf5o

One step further, when the client hast to write order details, it is shown in two columns. Can it be in one? So the last one will be below the client details.

https://prntscr.com/siyem1

/*Total de carrito and 
Detalles de facturation
width on mobile */
@media (max-width: 560px){
.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals,
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2{
    width:100%!important;
  } 
    
}

On the blog page, the blog itself is acting weird, goes on the right side, uncentered. Has something to do with the css style? If not, what is it?

https://prntscr.com/skpvwl

You need to check your premium-blog widget settings, or you can add the following code to fix the problem:

.premium-blog-post-outer-container{
    position:relative!important;
}

On the tablet view, the head and the page itself is changing with sizes depending on if I scroll down or not on the page.

I am not able to see this error now, I don’t have a tablet at the moment. I will appreciate if you can check it anyway.

I don’t see any problem there, Can you be more precise?

The text in the box of the different payment ways, could be black?

https://prntscr.com/siyew1

/*Payment method description font color*/
.woocommerce-page #payment div.payment_box p{
    color:black!important;
}

The text of the last page when you buy a product is blue, too dark, could the color be changed like other titles and texts before?

https://prntscr.com/skpk73
https://prntscr.com/skpkkp
https://prntscr.com/skpkmv

/*WooCommerce Order details colors*/
.woocommerce-page .order_details li strong{
    color:white!important;
}
.woocommerce-bacs-bank-details{
        color:white!important;
}
.woocommerce-order-details h2,
.woocommerce-checkout .woocommerce h2{
        color:white!important;
}
.shop_table.order_details tfoot{
    color:white!important;
}

Regards