Profile: Peter.Zhekov
User posts
I`m sending you full code that you have to change.
Find this lines:
.item-box .product-rating-box {
display: none;
} and replace with:
;
.item-box .product-rating-box {
display: inline-block;
}
And on lines:
.product-review-box {
display: inline-block;
margin: 0 0 5px;
}
.product-review-box .rating {
width: 85px;
height: 16px;
background: url(../img/icon-rating-empty.png) repeat-x;
}
.product-review-box .rating div {
height: 16px;
background: url(../img/icon-rating-full.png) repeat-x;
}
change it like that:
;
.product-rating-box {
display: inline-block;
margin: 0 0 5px;
}
.product-rating-box .rating {
width: 85px;
height: 16px;
background: url(../img/icon-rating-empty.png) repeat-x;
}
.product-rating-box .rating div {
height: 16px;
background: url(../img/icon-rating-full.png) repeat-x;
}
That is all!
Have a nice day!
Hello there!
By design there are no rating stars in the item boxes.
But if you want to customize your theme you need to change some styles in document "styles.css".
What you need to do is to find following styles into "styles.css" document
.product-review-box
and change it with:
.product-rating-box;
This might be on line 2541 to 2550.
And finally go to line 1970 or find
.item-box .product-rating-boxand change the property from: display:none; to display:inline-block;;
This is all you need to do to customize your website item box.
Wish you best!
Hi Rob!
I have made test but it does not act like that to me.
This must be browser cache.
Hello there UserThomas!
There is no way to reduce all the spaces and sizes in the theme, at least there is no easier way.
The only way is by extraordinary effort // rewriting all the styles .
i have the latest cloud zoom version everything works great but i have a problem with integrated css menu .
i download one the menus from menucool.com its a drop down menu , every time i am in a product page (when cloud zoom is working ) i am going to the menu and the drop down menu slide down when i position my mouse to choose category the cloud zoom start to work and menu menu sliding up (the menu is sliding on the product picture) any body have a solutions to that ?
Hi oresther,
please increase the z-index of your menu. If it does not work, try with very big number.
Hope this helps!
Best regards!
Nop-Templates.com Support Team
Hello there!
This is my opinion:
First of all by design there must be only 3 columns. If you need four then it is not easy to be done properly. First you have to change the html, and than the styles in css.
This is quite of a customization.
Here is my advice how you can do it.
what you need to do is to find \Alfresco\Views\Common\Footer.cshtml
In the <div class="footer-lower"> add another div with class for example "security-seal",
right after the <div class="social-sharing">
And after that you need to change the css in Alfresco\Content\css\styles.css
Find the code:
.subscribe-to-newsletter {
margin: auto;
position: relative;
width: 240px;
}and change it like this
.subscribe-to-newsletter {
width: 240px;
float:left;
}with the next lines you`ll fix the new div
div.security-seal{
float: right;
max-width: 170px;
}
.footer-lower>div{
margin:0 2px;
} <-- like that you give a little space between the divsSo far is OK, but the there are a few css files for different resolutions that also need to be changed and it gets more complex.
You can try to make it, but it is more tricky indeed.
Hope this helps!
Best regards!
Nop-Templates.com Support Team
Thanks
Hi MattyLB!
Thank you for reporting this! We will fix it but I see you have made some modifications to the styles i.e the color square boxes are bigger. So I will tell what to chnage as it is very simple:
Find the theme css file Alicante/Content/css/styles.css
.attributes dd {
float: left;
max-width: 280px;
margin-bottom: 12px;
}and
.color-squares li {
float: left;
margin: 0 10px 0 0;
}change like this(lines in bold):
.attributes dd {
float: left;
max-width: 260px;
margin-bottom: 12px;
}
.color-squares li {
float: left;
margin: 0 7px 0 0;
}
That is all you need to do!
Thanks
