Profile: ZornitsaIvanova

Hello,
The easiest way is just to replace the current icon. You can find it in the theme folder and more specifically in \Content\img directory. You need an icon with the same size (24px x 23px) and the same name ('icon-wishlist.png') and then just replace it in the file explorer.
Just in case be sure that you have cleared the browser cache after the replacement.
Hope that helps.

Hi,

Could you please submit a ticket and give us login credentials so we could check what is the problem.

Hello,
In order to have the -/+ buttons firstly you should enable the ajax cart for mobile devices. To do  this go to Configuration >> Settings >> All settings (advanced) and search there for this option "nopajaxcartsettings.enableonmobiledevices" make sure it is set to true. As I can see you have enabled the Product Quantity Textbox (I see it in your desktop resolutions). but just to be sure please search for 'nopajaxcartsettings.enableproductquantitytextbox' and check if it is set to true.
Hope that will solve your issue.

If you want the border only around the product picture you need to add this styles to the 'Custom Head Styles' section :

.item-box .picture {
    border: 1px solid #aa1122;
}

If you want the border like it is at hover you need this :

.product-grid .item-box {
    border: 1px solid #aa1122;
}

and in both ways after the # you add the border color you want in HEX code.
Hope that will help you.

Hello,
I will recommend you to hide only the short description, not the whole hover container. Because if you hide the whole hover conteiner the compare, quick view and buy buttons will not be visible too.
To hide the description, you need to go to the 'Custom Head Styles' section at the administration (it is in the theme settings) and add the following css:
.item-box .hover-content .description {
   display: none;
}
In case you although decide to hide the whole hover here it is the css you need:
.hover-content {
    display: none;
}

Hope this will help you.

Hello,
As I can remember this is your site - http://weircomfees-001-site1.dtempurl.com . You have some custom mark up with inline style.  Try to remove it and then go to the 'Custom Head Styles' section in the administration and add the following css :

.overview .short-description {
    font-size: ;
}

and type the desired font size in pixels after the colon.
Hope that will solve your issue

Hello,
This is the styling of the image squares and there is nothing to be done without breaking the design concept. I will recommend you to apply your solution and left only one or two letters. The only thing that could help to have a better look is to have the images square with 30px width and 30px height.
Hope that helps you

I recommend to make your customizations in the Custom Head Styles administration, because if someday you want to update your theme with our latest version you will lose your changes. The style you need to put in there in order to overwrite the fonts is :

.justAFixingDivBefore, div.header-menu,
.header-menu > ul > li > a, .header-menu > ul > li > span,
div.carousel-title span {
  font-family: '';
}

And put the name of the font you want to use in the quotation marks.
Hope that helps

Hi,
Unfortunately if you want to replace fonts in ArtFactory there is only one way and it is to do it manually. You have to embed the font you want in the css styles using the @font-face property then you have to overwrite the css styles that includes the font-family you want to remove with the new one (if you did not have custom styling file the best solution is to add it to the 'Custom Head Styles' in the administration).
Hope that will help you.

Hello,

The best way to add your custom styles (css) is to fill them into Custom Head Styles field in the administration - here is a guide how to find it.

The css code you need to paste there is:

.quickViewWindow .related-products-grid .item-grid {
  height: auto;
}
.quickViewWindow .related-products-grid .item-box {
  width: 206px;
}
.quickViewWindow .related-products-grid .item-box:nth-of-type(3n+1) {
    clear: left !important;
}
.quickViewWindow .related-products-grid .item-box .details {
  height: auto;
}
.quickViewWindow .related-products-grid .add-info {
  display: inline-block;
  margin-top: 5px;
}
.quickViewWindow .related-products-grid .productQuantityDropdown,
.quickViewWindow .related-products-grid .productQuantityTextBox {
  display: none;
}

Notice that now all the related products will show up.
I have made three items in row because if there are four there is no enough space for the button and the item price.

I hope that will help you.