Return to previous page

Topbar properties - by ljesha - on WordPress WooCommerce support

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

ljesha

Participant

February 25, 2015 at 15:14

Could I please have the code to change topbar properties like background color, font color of links and possibly height of topbar.
Is it possible to place a picture as background in topbar?
Thank you

#45383 Copied Theme version: 1.2 WooCommerce version: 2.3.5

4 Answers
Robert Hall

Support staff

February 25, 2015 at 15:37
Hello,

To change background color you need add this code into custom.css file:
```
.top-bar{
background:#FA0303;
}
```
– font color:
```
.top-bar a{
color: #000;
}
```
– height:
```
.top-bar{
height:50px;
}
```
Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

Regards,
Robert Hall.
#45394 Copied
ljesha

Participant

February 25, 2015 at 16:34

I hope this doesn’t sound too stupid but can’t I just add the code to style.css in my child theme?

#45422 Copied

ljesha

Participant

February 25, 2015 at 16:35

And what about the possibility of putting a picture as background in topbar?

#45423 Copied
Eva Kemp

Support staff

February 25, 2015 at 18:23
Hello,

What problems are you experiencing when trying to add the code in style.css of your child theme?
Please provide us with FTP and wp-admin panel credentials in Private Content.
To add background image to the top bar use this code in style.css of the child theme:
```
.top-bar {
    background-image: url('http://link_to_your_image');
}
```
Regards,
Eva Kemp.
#45452 Copied
Viewing 5 results - 1 through 5 (of 5 total)