Cart content alignment... 
Autor: Sinisa B.
Visitado 2307,
Followers 3,
Compartido 0
Hi,
Is it possible to align the cart-content table data - especially the column titles?
(please see the attached file).
One more thing - what is the name of the column marked with a blue arrow (in English) so I can find it and translated it?
Thank you very much in advance!
BR,
Sinisa
Publicado en
Hello Sinisa,
here my display is:
and the column data are here
I have no answer to align the column title
Hope this helps
Regards
https://wsx5.afsoftware.fr
Autor
Thank you very much!
It's a shame that we can not align the columns titles..
Best!
Sinisa
Hello KolAsim,
your code expetise can be usefull here.
No possibility to add CSS code into page properties into advanced tab to modify these settings on one part of cart object ?
I have tried with CartTable class or td.first-x class for the title description, but no good result.
Regards
https://wsx5.afsoftware.fr
(It > En) ... Hi, I don't know if I can be useful ...
... as you already know, I don't sell the program, I need to see the link of the cart page so that I can evaluate ...
.
@Sinisa B. ... ... in your second STAMP maybe in the text you don't have to use special characters: ('), ("), (&), etc.
.
ciao
.
@KolAsim,
here you have my WSX5 demo website with cart and ecommerce part.
https://wsx5demo.afsoftware.fr/
https://wsx5.afsoftware.fr
I have added this into page cart page properties to try to change title color:
But does not works
https://wsx5.afsoftware.fr
... x Description ... try with:
<style> table:nth-child(1) .first-x:not(.last-y) { background-color:red !important;} </style>
ciao
Hello KolAsim, Sinisa,
I have the workaround to change color, position of many infos on the cart page.
Normal cart is like:
And now, my new cart is like:
to get it:
Add this code into your cart page properties into advanced tab like below.
<style>
/* to change color & position of all titles */
#imCartContainer table.cartTable thead tr td {
background-color: green;
color: white;
text-align: center; * Values are left, center or right */
}
/* to change color & position of all total */
#imCartContainer table.cartTable tbody tr td.head {
background-color: red;
color: white;
text-align: center; * Values are left, center or right */
}
</style>
and
Enjoy !
https://wsx5.afaosftware.fr
...
...
Add this code to change titles font-size.
/* to change titles font-size of tables */
#imCartContainer table.cartTable thead tr td {
font-size: 10px;
}
@Sinisa:
Pls check this website site for all CSS parameters : https://www.w3schools.com/css/
Enjoy!
https://wsx5.afsoftware.fr
Autor
@Wsx5.afsoftware.fr
Thank you very much!
The relevant CSS file (which contains the #imCartContainer table.cartTable thead tr td)
could be found in what folder exactly ?
BTW-it's good to know that this could be changed upon site export - cheers!
In fact #imCartContainer is the name of used inside the software to identify a cart part.
like below with inspect into chrome
Autor
@Wsx5.afsoftware.fr
Thank you very much!