Profile: nikola.dragiev

Hello,

Your idea to create a custom.css file is one of the solutions. In this case you will have to create a css file in the Content / CSS folder and then link it from the Head.cshtml file.  

You can do this however from the Custom Head Styles textfield. It is a functionality in our Theme Plugin. You can find this textfield in Configuration / Plugins / Nop Smart Theme / Settings and paste your code there. This css is then imported in your html as a <style> tag in the header. If you place your styling here you will not need to move it anywhere when upgrading, since the code will be saved in the database.

Hello,

I believe that the problem has been resolved. Don't hesitate to contact us if anything is not looking or working correctly. 

Hello,

When I'm reproducing it locally it is looking the way you want it to be. Are you sure that you have added the class name contact-us-link to the <a> tag inside the <li>. This is in Footer.cshtml file after line 25:

<li><a class="contact-us-link" href="@Url.RouteUrl("ContactUs")">@T("ContactUs")</a></li>

P.S. Why don't you send us a link to your website if possible and we could investigate your problem there.
 

Hello,

I think you are mistaking settings with resources. Here is a video on how to search and change settings in nopCommerce. 

Please make sure that this css is present in your Custom Head Styles:

.footer-block .email a {
  background: none;
}
.footer-block .email a:hover {
  color: #c03;
}
.footer-block .contact-us-link a {
  background: none;
}
.footer-block .contact-us-link a:hover {
  color: #c03;
}

Also to add the email icon you will have to add this css there also:

.footer-block .contact-us-link {
    background: url(/Themes/Traction/Content/img/footer-icon-4.png) left center no-repeat;
}

Hello,

To do that you will have to paste this line of code in your Footer.cshtml file after line 25:

<li><a class="contact-us-link" href="@Url.RouteUrl("ContactUs")">@T("ContactUs")</a></li>

And add this css code to your Custom Head Styles:

.footer-block .contact-us-link a {
  background: none;
}
.footer-block .contact-us-link a:hover {
  color: #c03;
}

For the number of New Products in the footer you need to change this setting:
sevenspikes.theme.traction.newproductsinfooternumber

Hello,

To achieve that first you will have to locate your Footer.cshtml file in your \Themes\Traction\Views\Common folder. Then on line 29 replace this line of code:

<li class="email">@T("SevenSpikes.Themes.Traction.Common.EmailName")@T("SevenSpikes.Themes.Traction.Common.EmailAt")@T("SevenSpikes.Themes.Traction.Common.EmailDomain")</li>

with this one:

<li class ="email">
                        <a href="javascript:AntiSpam('@T("SevenSpikes.Themes.Traction.Common.EmailName")', '@T("SevenSpikes.Themes.Traction.Common.EmailDomain")')">@T("SevenSpikes.Themes.Traction.Common.EmailName")@T("SevenSpikes.Themes.Traction.Common.EmailAt")@T("SevenSpikes.Themes.Traction.Common.EmailDomain")</a>
                    </li>

Then open your nopCommerce Administration and paste this css code inside your Custom Head Styles textfield, which is located in Plugins -> Nop Traction Theme -> Settings:

 .footer-block .fax,
.footer-block .mobile,
.footer-block .skype {
  display: none;
}
.footer-block .email a {
  background: none;
}
.footer-block .email a:hover {
  color: #c03;
}

Hello,

This can be achieved easily. Just add this css code to your Custom Head Styles textfield(it is located in your nopCommerce Administration -> Plugins -> Nop Alfresco Theme -> Settings):

.home-page-category-grid .item-box {
    width: 280px;
}
.home-page-category-grid .item-box:nth-child(2n+1) {
  margin-left: 20px;
}
.home-page-category-grid .item-box:nth-child(3n+1) {
  margin-left: 0;
}
.home-page-category-grid .picture {
    width: 280px;
    height: 190px;
}

Hello,

Thank you for reporting this. We have fixed the problem. You can now download the latest version of the Allure Theme from our website and the buttons will have the proper colors. 

Hello,

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

.eu-cookie-bar-notification {
    width: 100%;
    max-width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    margin: 0;
    border-left: none;
    border-right: none;
    border-bottom: none;
    height: auto;
}
.eu-cookie-bar-notification .content > * {
    margin: 0 5px;
    display: inline-block;
}

Hello,

You can try adding this css code right after the first one I provided you with:

.footer-block {
  text-align: center;
}
.footer-block li a,
.footer-block-first li{
  display: inline-block;
}
.footer-block-first li{
  margin: 0 40px;
}