The Royal theme is great but I am running into some formatting issues:
1) I cannot change the logo on the blog pages nor the product pages. I read in another forum topic that these cannot be changed because these pages use the default logo set up in the Header section. I need to change these logos. If I can input some code into the custom.css file or go about it another way that would be greatly appreciated.
2) In my footer (set up using a static block), I have it set up for three columns. This is the HTML code I’m using for the left-most column with “lists” set up as an extra class name:
<ul class="col-ct-6 list-unstyled">
<li><b><a href="#">SHOP</a></b></li>
<li><a href="#">Stainless Steel</a></li>
<li><a href="#">Carbon Fiber</a></li>
</ul>
<ul class="col-ct-6 list-unstyled">
<li><b><a href="#">VELOCE</a></b></li>
<li><a href="#">About</a></li>
<li><a href="#">Press</a></li>
<li><a href="#">Gift Cards</a></li>
</ul>
<ul class="col-ct-6 list-unstyled">
<li><b><a href="#">SUPPORT</a></b></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Shipping Info</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">FAQ</a></li>
</ul>And this is the CSS:
.lists{
display:inline-table;
list-style-type:none;
margin-right: -10%;
}These three lists need to all align horizontally, on a single line but any CSS changes I make to alter the margin between the lists has no effect. Instead, the first two lists show up next to each other but the last list gets pushed down. How can I make it so that all three are next to each other?
3)How can I adjust the font size for text within the footer?
Thanks in advance!
