Return to previous page

Several CSS Issues - by veloce - on WordPress WooCommerce support

This topic has 6 replies, 2 voices, and was last updated 9 years, 7 months ago ago by Eva Kemp

veloce

Participant

May 24, 2015 at 15:45
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><a href="#">SHOP</a></li>
	<li><a href="#">Stainless Steel</a></li>
	<li><a href="#">Carbon Fiber</a></li>
</ul>
<ul class="col-ct-6 list-unstyled">
	<li><a href="#">VELOCE</a></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><a href="#">SUPPORT</a></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!
#65702 Copied Theme version: 1.7.1 WooCommerce version: 2.3.9
5 Answers
Eva Kemp

Support staff

May 25, 2015 at 09:44
Hello,

1. Unfortunately custom logo can’t be set for Blog and Shop pages. You can only upload your image in Theme Options > Header > Logo image, but custom logo can be set for home page in the page editor in “Logo image for this page” section on the right side.

2. Please provide us with wp-admin panel credentials in Private Content.

3. Add this code in custom.css file:
```
.main-footer p {
 font-size: 14px !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.
#65764 Copied
veloce

Participant

May 26, 2015 at 22:16

Thanks for the reply, Eva!

1. There is absolutely no way to solve this via back end CSS? I need a white logo on the home page but having a white logo will not work on the Blog and Shop pages. A work around would be greatly appreciated.
2. Login info is provided in Private Content.
3. Thanks, this worked!

Please, contact administrator
for this information.

#66173 Copied

Eva Kemp

Support staff

May 27, 2015 at 08:22

Hello,

1. Unfortunately for now there is no solution for Blog page. Sorry. As I said:

You can only upload your image in Theme Options > Header > Logo image, but custom logo can be set for home page in the page editor in “Logo image for this page” section on the right side.

2. I’ve edited your static block dividing inner row into 3 parts.
Please check footer now.

Regards,
Eva Kemp.

#66211 Copied

veloce

Participant

May 27, 2015 at 17:36

Thank you so much, Eva. I misread your response to #1. I made the suggested change and it works perfectly. Thanks for the help!

#66407 Copied

Eva Kemp

Support staff

May 27, 2015 at 17:51

Hello,

You’re welcome.

Regards,
Eva Kemp.

#66412 Copied
Tagged: issues, themes, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)