Return to previous page

Hide envelope / newsletter icon - by Compdoc

This topic has 4 replies, 2 voices, and was last updated 8 years, 4 months ago ago by Jack Richardson

  • Avatar: Compdoc
    Compdoc
    Participant
    July 4, 2016 at 07:24

    How can the envelope icon in the top-bar be hidden, while retaining the ‘newsletter’ link?

    In the top-bar, I’ve followed directions to modify the ‘newsletter’ (promo popup link) text, but can’t see an obvious option to hide the envelope icon. It seems to sit outside the list items in the top bar… So, how to hide it?

    Thanks in advance.

    #132302 Copied
    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 4, 2016 at 07:34

    Hello,

    Add this code in Theme Options > Custom CSS > Global Custom CSS:

    .top-links li.popup_link:before {
  display: none;
}

    Best regards,
    Jack Richardson.

    #132307 Copied
    Avatar: Compdoc
    Compdoc
    Participant
    July 4, 2016 at 07:44

    Thanks for quickly and correctly identifying the selector, Jack!

    I reckon that rather than re-defining the font, it might work better as:

    .top-links li.popup_link:before {
    display: none;
    }

    For the sake of future searches, I’ll mark your response as ‘best answer’ if you make the apt amendment.

    #132312 Copied
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    July 4, 2016 at 08:17

    Hello,

    Sorry it was my mistake as the correct code should be:

    .top-links li.popup_link:before {
  display: none;
}

    Best regards,
    Jack Richardson.

    #132320 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Skate – WooCommerce Theme
lazy-placeholder
Jewelry Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Eco Scooter Store – WordPress WooCommerce Theme
lazy-placeholder
Phone Service – WordPress WooCommerce Theme
lazy-placeholder
Hipster Store – WordPress WooCommerce Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Minimalist Outfits – WordPress WooCommerce Theme
lazy-placeholder
Books 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.