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
  • Replies 1
  • Views 397
  • Created
  • Last Reply

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

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.