Close

Change color on text and icons

bikeuniverse
9 years ago
#10132 Quote
Avatar
  • 9
Hi all,
we are using NOP Motion theme on our website www.bikeuniverse.dk and are using the black theme. Although I have been looking around, I cannot figure out how to change the green colors on text, numbers and icons. I have linked to several screenshots where you can see the green colors. I hope anyone can assist me and tell me how to change it.

http://clip2net.com/s/3pcYJqK http://clip2net.com/s/3pcZ1k4
It looks like the preset color that I have chosen (black) isn't used on all sites, thats why the green color keeps popping up. Any suggestions what I have done wrong?
Peter.Zhekov
9 years ago
#10133 Quote
Avatar
  • Moderator
  • 104
Hi there,

I tested the plugin and I found just one problem with the color of the search button on hover (because I use the last version of the plugin). Now I have fixed and within few hours it will be up to the last version of the plugin. Please update the plugin and I believe it will be just fine.
If you prefer to add the changes manualy please add the code below in the custom head styles in your theme administration:

.color-neutral .blog-search-box .search-box-button {background-color: #505050;}
.color-neutral .blog-search-box .search-box-button:hover {background-color: #606060;}
.color-neutral .post-relations label::before {background-color: #505050;}
.color-neutral .rich-blog-homepage .read-more, .color-neutral .post-actions .read-more {background-color: #505050;}


This must solve your problems.
Regards,
Peter Zhekov
Nop-Templates.com
bikeuniverse
9 years ago
#10134 Quote
Avatar
  • 9
Ok great! Thank you for quick reply.
bikeuniverse
9 years ago
#10135 Quote
Avatar
  • 9
What about the color on the prices, can they as easily be changed from green to black?
And the size of the font "Total price" can it be changed to same font size as other prices in checkout? see: http://clip2net.com/s/3pdmTEI
hristo
9 years ago
#10144 Quote
Avatar
  • Moderator
  • 172
Hi,
please add these styles too:

.color-neutral .cart td.subtotal,
  .color-neutral .cart-total .order-total {
        color: #505050;
    }

And in case you are using our One Page Checkout plugin, you have to add the next code to the css file of the plugin:

.color-neutral .ropc .complete-button button {
  border: 1px solid #565656;
    box-shadow: 0 1px 0 0 #464646;
}
.color-neutral .ropc .complete-button button:hover {
  background-color: #606060;
}

Or just wait for a while, we will deploy these changes until the end of the day, so it will be available for download.
Regards,
Hristo Gospodinov
Nop-Templates.com
bikeuniverse
9 years ago
#10146 Quote
Avatar
  • 9
Ok that worked for the final check-out.
But the green color is still there in the "just added to basket" pop up. see http://clip2net.com/s/3pgn3lf and in the dropdown of shoppingcart see http://clip2net.com/s/3pgnp60 Will it also be possible to change font size on total amount in shopping card, to be it the same as all other amounts? see http://clip2net.com/s/3pgnJYC

Thank you for your quick respons, it is much appreciated!
bikeuniverse
9 years ago
#10153 Quote
Avatar
  • 9
Hi guys, any news on the green font in shoppingbasket: http://clip2net.com/s/3pgnp60 and in pop up "just added to basket": http://clip2net.com/s/3pgn3lf . I also would like to change font size in final checkout: http://clip2net.com/s/3pgnJYC.
hristo
9 years ago
#10155 Quote
Avatar
  • Moderator
  • 172
Hi again, please add these styles to your theme too:

.color-neutral .productAddedToCartWindowDescription strong,
  .color-neutral .mini-shopping-cart .price span,
  .color-neutral .mini-shopping-cart .totals strong {
        color: #505050;
    }

this will fix the color in ajax cart and in flyout cart.


as for the price's font-size in checkout's "total" panel, find this piece of code in your css styles:

.cart-total .order-total {
    color: #4dc98d;
    font-size: 18px;
}

and change the font-size value to your preference.
Regards,
Hristo Gospodinov
Nop-Templates.com
bikeuniverse
9 years ago
#10156 Quote
Avatar
  • 9
Great thanks!
bikeuniverse
9 years ago
#10157 Quote
Avatar
  • 9
First of all I want to thank you for your quick help! It is really appreciated! I have an other request, which involves color change of some buttons.
How do I change the original color to HTML color code 0174DF when hovering  over “go to shopping cart” http://clip2net.com/s/3pvBqTH and in checkout when hovering over “continue shopping” and “checkout” http://clip2net.com/s/3pvCgSr
also to HTML color code 0174DF