The categories of the product are not aligned with the last update

[mtroubat]

Hello,

I dont know if it comes from the last version of the theme but now I have some issued with the alignement of the text on the product list page. It’s not aligned on the left as it used to be.

I would like also to know how :
1) Change the size and the color of the categories displayed under the title of the product in the product list page like in your demo
2) How to change the color of the hover on the categories and also on the top menu links

Thanks

Attachments:

You must be logged in to view attached files.

[Swift Ideas – Ed]

Hi there,

The layout issue has been fixed with v3.4.1, which you should be able to download now.

1) Add this css:

ul.products li.product .product-details .posted_in a {
color: #ff9900;
font-size: 16px;
}

2) Add this css:

ul.products li.product .product-details .posted_in a:hover {
color: #222;
}
#top-bar .menu > li > a:hover {
color: #ff9900;
}

– Ed

[mtroubat]

Hi,

Not on the home page, the layout is still not good : http://www.kes.com.br/

1) It does not work
2) Perfect, thanks

Maxime

[Mohammad – SUPPORT]

Hi,
I have managed to resolve the issue. You had some syntax errors in custom css code.
Thanks
Mohammad

[mtroubat]

Thanks Mohammad, you are the best.
We have nevertheless still the issue with the alignement on the left on the home page.

[Mohammad – SUPPORT]

Hi,
I am not getting your issue exactly. Please attach marked screenshot.
Thanks
Mohammad

[mtroubat]

Hi Mohammad,

yes of course.

I would like :

1) That the title and the categories were aligned on the left
2) That the stars where also aligned on the left and under the title and categories and if possible only show the stars when there is a rating on a product.
Is it possible to see the stars like that : https://www.google.com.br/search?q=jedefiscalise&oq=jedefiscalise&aqs=chrome..69i57j69i60l5.2201j0j7&sourceid=chrome&ie=UTF-8#safe=off&q=loi+monuments+historiques
Stars + Note / Vote ?

Thanks for your help

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.products li.product  .posted_in  {
float: left !important;
}
span.rating {
   float: left;
}
span.r-0{
display:none;
}
ul.products li.product .product-details {
    float: left;
    width: 100%;
    text-align: left;
}

Thanks
Mohammad

[mtroubat]

Hi Mohammad,

Thanks a lot, almost done.

Can you help me to :

1) add a space between the categories and the rating ?
2) we have removed the stars when there is no rating, but we should remove the number and the number of reviewers please
3) And how can i remove only on the product list page the the number and the number of reviewers please

4) On a product page, how can i align on the left the text “cor” and “Tamanho Numeros” ?
http://www.kes.com.br/loja/roupas/shorts-de-couro-sintetico-detalhe-de-ziper/

Thanks a lot for your help

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

nobr{
display:none !important;
}
.woocommerce .va-attribute-label {
    text-align: left;
}

Thanks
Mohammad

[mtroubat]

Mohammad,

You are the best !!!
Last thing, is it possible to have the css to add a little space between the categories and the rating ?
Thanks a lot

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

ul.products li.product  .posted_in  {
margin-bottom: 10px !important;
}

Thanks
Mohammad

[mtroubat]

You are the best
Thanks
Mohammad

[Kyle – SUPPORT]

Great, thanks Mohammad!

– Kyle