Jump to content

Changing Design of Custom Drop-down Menu

Recommended Posts

Site URL: https://www.narla.com.au/experience


I have added a simple code block for a dropdown menu. I'm just wondering how to change the font and colour to make it match with my page.

The code is:

<select onChange="window.location.href=this.value">
      <option value="#">  All Sectors      </option>
    <option value="https://www.narla.com.au/infrastructure-experience">Infrastructure</option>

Any ideas?

Annotation 2020-06-17 094125.jpg

Link to comment

Try this snippet in custom css PolinaNarla,

	opacity: .7;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out;
    -webkit-transition: background-image .2s ease-out;
    -moz-transition: background-image .2s ease-out;
    -ms-transition: background-image .2s ease-out;
    -o-transition: background-image .2s ease-out;
    transition: background-image .2s ease-out;
    padding: 12px;
    background: no-repeat 15px 50%;
    width: 100%;
    min-height: 20px;
    display: block;
    outline: 0;
    box-sizing: border-box;
    border: 1px solid #aaa;
    top: -10px;
    position: relative;


Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.