Profile: nikola.dragiev

Hello,

I see that you have submitted a ticket to our support team, and I hope that your problem is resolved. 

Hello,

You can add this css code in your Custom Head Styles textfield located in your nopCommerce administration -> Plugins -> Nop Alicante Theme -> Settings:

@media all and (min-width: 981px) {
  
  .footer-block {
    width: 30.666%;
  }
  .footer-block:nth-child(3){
    display: none;
  }

}

Hello,

You can add for example class slider-1 for your first slider and slider-2 for your second. Then you can write in the css (styling in the Head section is fine or you can write for example in the nivo-slider.css file and in any other css file you find suitable) for example .slider-1 {width: 60%; float: left;} .slider-2{width:40%; float: right;}. That way you can restrict the width of the sliders. Also there is a page specific class name for each nopCommerce page with which you can customize the sliders for each page differently.

Hello,

In the administration for each slider you can add a Theme class name which gives you the ability to add a different css class for the slider. That way you can add custom css with which you can style the sliders. If you are using the Nop Anywhere sliders for one of our themes you can add your custom css in the theme's plugin / Settings / Custom Head Styles.

Hello,

If you want to center the image inside the link I recommend that you do with absolute positioning. Here is the css code you have to add:

.manufacturer-grid .item-box a {
  position: relative
}
.manufacturer-item .picture img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
max-width: 100%;
}

You can add this inside your Custom Head Styles textfield (nopCommerce Administration -> Plugins -> Nop Motion Theme -> Settings), or at the place where you have decidet to write your custom css. 

Hello,

Usually they are hidden with css, according to the design of the theme. If you want to show them just paste this css code into your Custom Head Styles textfield. It is located in the nopCommerce Administration -> Plugins -> Nop Allure Theme -> Settings. 

.side-2 .block .list li {
  overflow: hidden;
}
.side-2 .block .list .product-picture {
  display: block;
  float: left;
}
.side-2 .block .list .product-name {
  margin-left: 80px;
}
.side-2 .block .list .product-picture,
.side-2 .block .list .product-name {
  border: none;
}
.side-2 .block .list .product-picture:after,
.side-2 .block .list .product-name:after {
  display: none;
}

Hello,

If you want the product title to be three lines in height add this css code after the previous one:

.item-box .product-title {
  height: 75px;
}

If you want i t to be four line in height just change the pixels to be 100px.

Hello,

Maybe if you want to make so many changes to the theme you should consider buying a different theme. We offer great variety of themes which are suitable for different types of web stores. If you like you could look at our Pinterest page where you can see live stores using our themes. I don't know how you imagine your website, but maybe you should take a look at themes like the Nop Lavella Theme, Nop Native Theme, Nop Motion Theme, Nop Nitro Theme etc. 

p.s. Please keep in mind that you have different color presets for those themes, that can be customized. This gives you the opportunity to set your website colors to match the colors of your brand or products. 

Hello,

Thank you for your suggestion. Unfortunately the Header and the Footer of the theme are designed that way and are used by other customers. Therefore we are not planning on making any changes to those sections of the website. Maybe you could suggest that in our User Voice portal. 

Hello,

You can change the layout of the category pages by going to the CategoryTemplate.ProductsInGridOrLines.cshtml view file and change: 

Layout = "~/Views/Shared/_ColumnsTwo.cshtml";

in line 3 to 

Layout = "~/Views/Shared/_ColumnsOne.cshtml";

However if you do that you will have to modify the css to match the new layout and you will lose the Ajax Filters functionality.