Return to previous page

Add border to header - by Nym - on WordPress WooCommerce support

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

Nym

Participant

June 20, 2014 at 19:30

Hi,
Is there a way to add a thin black border to the header area where the logo is?
(Between the menu and the top bar).
Thanks a lot.

Please, contact administrator
for this information.

#7636 Copied

6 Answers
Jack Richardson

Support staff

June 21, 2014 at 07:53
Hello,

Please try to add the following code into the custom.css:
```
.header1 {
border-bottom: solid 1px #000;
}
```
If it’s not what would you like please provide us with screenshot and show there how the border should looks like.

Regards,
Jack Richardson
#7650 Copied
Nym

Participant

June 21, 2014 at 18:24

Thanks so much!
That’s perfect…all I would like now is to have another one on top.
Screenshot below…the crappy uneven red line is where I would like the top border placed.
Thanks again for your help!

#7684 Copied

Nym

Participant

June 21, 2014 at 18:45

OR…(sorry, just thought of this) maybe it is possible just to change the double-lines bordering the main nav menu and the dotted border under the top header area to black, and avoid the extra lines?

#7685 Copied
Jack Richardson

Support staff

June 23, 2014 at 08:12
Hello,

Firstly remove previously added code and then add this code into the custom.css:
```
.top-bar .container {
border-bottom: 1px solid #000;
}
.main-nav {
border-top: 1px solid #000;
}
```
Regards,
Jack Richardson
#7718 Copied
Nym

Participant

June 23, 2014 at 19:20

That looks great, thanks!
have a great day.

#7816 Copied

Eva Kemp

Support staff

June 23, 2014 at 20:13

Hello,

You’re welcome.
Have a good day too!

Regards,
Eva Kemp.

#7822 Copied
Tagged: border, design, header, style, themes, woocommerce, wordpress
Viewing 7 results - 1 through 7 (of 7 total)