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, 3 months ago ago by Eva Kemp

  • Avatar: alejoescriva
    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
    Avatar: Eva
    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
    Avatar: alejoescriva
    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
    Avatar: Eva
    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: , , , ,

  • Viewing 4 results - 1 through 4 (of 4 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Customization service (hour)
lazy-placeholder
Makeup Store – WordPress WooCommerce Theme
lazy-placeholder
Minimal Store – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Cosmetics Store – WooCommerce Theme
lazy-placeholder
Burger Store – WordPress WooCommerce Theme
lazy-placeholder
Barbershop – WordPress WooCommerce Theme
lazy-placeholder
Legenda – WooCommerce WordPress Theme
lazy-placeholder
Organic Cosmetics Store – 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.