Return to previous page

Top Bar Links - by alejoescriva - on WordPress WooCommerce support

This topic has 4 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

alejoescriva

Participant

January 5, 2016 at 16:45

Hi! I need to add some links to the top bar. Excactly as the top bar of https://www.8theme.com/demo/classico/variant1.
I know how to add them by widget, but can’t find the way of dividing links with the little line in between.
Could you please help me?
Thanks!

#106755 Copied

3 Answers
Eva Kemp

Support staff

January 5, 2016 at 18:01
Hello,

It is added with css code. On our demo the code is:
```
.top-bar .widget_nav_menu .menu > li:after {
    content: "I";
    font-family: "Open Sans",sans-serif;
    display: inline-block;
    width: 1px;
    height: 10px;
    color: #8A8A8A;
    margin: 2px 12px 0px;
}
```
As I see you added vertical lines in the top bar on the left side.

Regards,
Eva Kemp.
#106776 Copied
alejoescriva

Participant

January 6, 2016 at 16:25

Hi!
Actually, on the left side I just added text, so no coding was needed. What I still need is to add links with the same font and line separator in between. I can’t find the php file to modify.
Please help me find the php to modify. What should be the name of it?
thanks!

#106917 Copied

Eva Kemp

Support staff

January 6, 2016 at 17:34

Hello,

What exactly do you want to modify? Are you talking about right side of the top bar?
If so you can add links in Appearance > Widgets > Right Side top bar area.

Regards,
Eva Kemp.

#106928 Copied
Tagged: seo friendly, templates, top bar links, woocommerce, wordpress
Viewing 4 results - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Handmade Store – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Digital Marketing – WordPress WooCommerce Theme

lazy-placeholder

NFT Crypto Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Restaurant – WordPress WooCommerce Theme

lazy-placeholder

Engineer Store – WordPress WooCommerce Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.