Option one worked.
But I can't get it to read my custom.css file here is where I added the code:
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;}
copying the allure folder over erased all my css changes...
Regarding the color themes:
I copy pasted the theme colors in the styles.css, renamed it from orange to blue, change the hex colors, but how do I apply it to the site? The color does not show in the admin side so that I can select it.
I forgot to mention.... I uninstalled the theme plugin, deleted all the topics pages and then re-installed it and the only pages it installed were:
becomeaffiliate
brands
customerassistance
deliveryinformation
faq
giftvouchers
internationalshipping
securepayment