Drop down arrow turned into square

Viewing 6 replies - 1 through 6 (of 6 total)
  • wbcomdesigns

    (@wbcomdesigns)

    8 years, 10 months ago

    Hello @bibber

    You can achieve this by applying following CSS code.

    #access > .menu > ul li > a:not(:only-child) > span:after {
    /* font-family: "Gotham A", "Gotham B"; */
    font-style: normal;
    font-weight: 700;
    content: '\e80a';
    position: absolute;
    right: 9px;
    top: 16px;
    z-index: 5;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

    Remove font-family…

    http://i.is.cc/2PcBBNzc.png

    Hope this will help.

    Thanks.

    Thread Starter bibber

    (@bibber)

    8 years, 10 months ago

    Hi, and thanks for trying to help me. Unfortunately removing the font is not an option – because it is specifically chosen by the client.

    I have been thinking of other options: e.g. make the box/arrow transparent (change color) – or manipulate with the aria.haspoup which seems to trigger the thing…

    But has not been able to find solutions so far…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 10 months ago

    Do you know where your ‘Gotham A’ font came from? It’s not in your theme’s fonts stylesheet: http://www.bioguldborgsund.dk/udvikling/wp-content/themes/nirvana/fonts/fontfaces.css?ver=1.4.1

    Thread Starter bibber

    (@bibber)

    8 years, 10 months ago

    Hi Andrew,
    Yes the font is a bought web-font from Hoefler & Co. (by request of the client)

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    8 years, 10 months ago

    How did you end up getting the font into your website to begin with?

    Thread Starter bibber

    (@bibber)

    8 years, 10 months ago

    It is a web-font. You buy the right to use it for a determinated time. You install a link on your website towards a URL that you have received from the company where you bought the right.

    You modify your CSS as regards font-name – and it’s on the the site.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Drop down arrow turned into square’ is closed to new replies.