Jump to content

Style navigation links – Marquee template

Recommended Posts

Site URL: http://www.yimthai.com.au/

I am using the Marquee template, and I have two "links" in my site navigation, which link to an external website in a new tab.

It seems that my template automatically styles these links similar to a button, with a background colour behind them, and a smaller font.

However, I can't find how I can change the styling of these links. I have searched the Design > Site Styles, and in the navigation there are only options to style the "page" navigation items, not the "links".

Any help would be much appreciated – surely this can be done through the Squarespace interface.

Thank you in advance

Screen Shot 2020-11-18 at 11.17.03 am.png

Link to comment

I think the external-link style is created in the template stylesheet, you can change by adding this to custom css

.nav-wrapper li.external-link a span {
    color: #fff !important;
    font-size: inherit !important;
}
.nav-wrapper li.external-link a:hover {
  opacity: 0.8;
}
.nav-wrapper li.external-link a {
    border: none;
    padding: 10px;
    background: transparent;
    font-size: inherit !important;
}
@media only screen and (min-width: 1200px) {
      .main-nav ul {
        width: 1024px;
      }
}


image.thumb.png.f7902dd2a1ed21b74189b1ce98338406.png

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.