if (supportRtl)
{
Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/styles.rtl.css");
}
Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/styles.css");
Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/custom.css");
Html.AddScriptParts("~/Plugins/SevenSpikes.Core/Scripts/SevenSpikesExtensions.js");
.category-page .sub-category-grid .item-box {
width: 18.5%}
.home-page-category-grid .item-box {
width: 16%}
@media screen and (min-width: 1001px){
.product-details-page .overview {
margin-left: 620px;
margin-right: 0;
}
}
@media screen and (min-width: 769px){
.ui-tabs {
float: left
}
}
@media screen and (min-width: 769px){
.product-details-page .overview {
float: right;
}
}
.side-2 {float: left;}
.center-2 {float: right;}Hi Thomas,
1. There was a bug with one of the views in the theme and that is why the Custom Head Styles were not taken into consideration. If you now download the theme again and replace just the Themes/Allure/Views/Shared/_Root.Head.cshtml with the one from the downloaded package it will work. Sorry for the misunderstanding!
Thus when you update or upgrade the theme, all the changes will be in place and no need to keep any files or merge any change.
2. You can create a new custom css file, say custom.css and place it in Themes/Allure/Content/css folder. Then edit the Themes/Allure/Views/Shared/Head.cshtml file and add the following line:
Html.AppendCssFileParts("~/Themes/Allure/Content/CSS/custom.css");