.social-buttons li:nth-child(odd) { background: {hex_value} ; }
.social-buttons li:nth-child(2n) {background: {hex_value} ;}
Hi again,
The css you are referring to comes from the color presets functionality in the theme. There is a less plugin that can be found in Plugins\SevenSpikes.Theme.Lavella\Styles\Less\preset.less. In this file you will see the css selectors that are used to generate this css with the hex code of the color selected from the admin -> plugins -> 7spikes themes -> nop lavella theme -> settings option.
So basically when you save your color from the admin of the plugin, it uses the selected hex code to generate the css with the selectors and the hex code and injects this css in the head, so that you can see the theme with the selected color.
Hope it is clearer now.
Please let me know if you need any further help and information.
Hi zahir,
By default in the Nop ArtFactory theme, we do not use the active class for the flyout cart. You can see it on our demo. So I am not sure how this active class is there by default.
When you first load your page, you see the flyout shopping cart expanded because it is loaded with an "active" class. Would it be possible to double check your FlyoutShoppingCart.cshtml view and see whether there is an "active" class by default.
The other way is to have your own js written for the theme which adds this class.
Hope this helps.
Please let me know if you still have problems with that.
Hi Ornlud,
I think there is some issue with the jcarousel on the product page. Would it be possible to add the following in the very end of the Plugins\SevenSpikes.Nop.Plugins.JCarousel\Themes\Native\Content\JCarousel.css file:
.jcarousel-list.jcarousel-list-horizontal {
width: 20000em !important;
}