Hi Peter,
Thank you for your reply. I have actually used Custom Head Styles to make modifications so I am familiar with how it works. From looking at the code I am not sure how to accomplish what I want.
Here is the relevant code:
<div class="footer-middle">
<div class="footlist">
<h3 class="title">@T("SevenSpikes.Themes.Smart.Common.LegalInformation")</h3>
<ul>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("privacyinfo") })">@T("PrivacyNotice")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("conditionsofUse") })">@T("ConditionsOfUse")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("securepayment") })">@T("SevenSpikes.Themes.Smart.Common.SecurePayment")</a></li>
</ul>
</div>
<div class="footlist">
<h3 class="title">@T("SevenSpikes.Themes.Smart.Common.ShippingReturns")</h3>
<ul>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("internationalshipping") })">@T("SevenSpikes.Themes.Smart.Common.InternationalShipping")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("shippinginfo") })">@T("ShippingReturns")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("deliveryinformation") })">@T("SevenSpikes.Themes.Smart.Common.DeliveryInformation")</a></li>
</ul>
</div>
<div class="footlist">
<h3 class="title">@T("SevenSpikes.Themes.Smart.Common.AffiliateExtras")</h3>
<ul>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("brands") })">@T("SevenSpikes.Themes.Smart.Common.Brands")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("giftvouchers") })">@T("SevenSpikes.Themes.Smart.Common.GiftVouchers")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("becomeaffiliate") })">@T("SevenSpikes.Themes.Smart.Common.BecomeAffiliate")</a></li>
</ul>
</div>
<div class="footlist">
<h3 class="title">@T("SevenSpikes.Themes.Smart.Common.ServiceSupport")</h3>
<ul>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("customerassistance") })">@T("SevenSpikes.Themes.Smart.Common.CustomerAssistance")</a></li>
<li><a href="@Url.RouteUrl("Topic", new { SeName = Html.GetTopicSeName("faq") })">@T("SevenSpikes.Themes.Smart.Common.FAQ")</a></li>
<li><a href="@Url.RouteUrl("ContactUs")">@T("ContactUs")</a></li>
</ul>
</div>
</div>
You are right, I can remove the entire middle footer by setting its display property to none, but I can't (from what I see) selectively remove individual footer sections (or lists). This is because each section (or list) is named footlist. If the lists had unique names then I could. For example, if they used names such as footlist-legal, footlist-shippingreturns, etc., then I could. You can get even finer granularity if each li item had a unique class name.