Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Leaderboard


Popular Content

Showing content with the highest reputation on 09/15/2020 in all areas

  1. 1 point
    (Updated: SS 7.1) Some custom code (CSS) to change color Navigation Link Navigation Hover Link Navigation Active Link >> 92 Templates Navigation Custom Font Notes Add code to Home > Design > Custom CSS The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important; If you have any questions/found issues, just comment below or send me a private message. Thanks. Avenue Template /* Nav item color */ .main-nav ul li a { color: #ff0000 !important; } /* Nav item hover color */ .main-nav ul li a:hover { color: violet !important; } /* Nav item active color */ .main-nav ul li.active-link a { color: green !important; } Aviator /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Bedford Family: Anya, Bedford, Bryant, Hayden, Bedford /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Brine Family: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine. /* Nav item color */ .Header-nav-item { color: #ff0000 !important; } /* Nav item hover color */ .Header-nav-item:hover { color: violet !important; } /* Nav item active color */ .Header-nav-item--active { color: green !important; } Farro: Farro, Haute Same as Brine Five /* Nav item color */ nav#main-navigation ul li a { color: #ff0000 !important; } /* Nav item hover color */ nav#main-navigation ul li a:hover { color: violet !important; } /* Nav item active color */ nav#main-navigation ul li.active-link a { color: green !important; } Flatiron /* Nav item color */ ul#nav li a { color: #ff0000 !important; } /* Nav item hover color */ ul#nav li a:hover { color: violet !important; } /* Nav item active color */ ul#nav li.active-link a { color: green !important; } Forte /* Nav item color */ #topNav ul li a span { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover span { color: violet; } /* Nav item active color */ #topNav ul li.active-link a span { color: green !important; } Ishimoto /* Nav item color */ #topNav #nav li a { color: #ff0000; } /* Nav item hover color */ #topNav #nav li a:hover { color: violet; } /* Nav item active color */ #topNav #nav li.active-link a { color: green !important; } Momentum /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } Montauk: Julia, Kent, Montauk, OM Same as Momentum Native /* Nav item color */ #navBlock ul li a { color: #ff0000 !important; } /* Nav item hover color */ #navBlock ul li a:hover { color: violet !important; } /* Nav item active color */ #navBlock ul li.active-link a { color: green !important; } Pacific: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific /* Nav item color */ #mainNavigation div a { color: #ff0000 !important; } /* Nav item hover color */ #mainNavigation div a:hover { color: violet !important; } /* Nav item active color */ #mainNavigation div.active a { color: green !important; } Skye: Foundry, Indigo, Ready, Skye, Tudor /* Nav item color */ .nav-blocks-wrapper div a span { color: #ff0000; } /* Nav item hover color */ .nav-blocks-wrapper div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.nav-link--active a { color: green !important; } Tremont: Camino, Carson, Henson, Tremont /* Nav item color */ #mainNavigation div a span { color: #ff0000; } /* Nav item hover color */ #mainNavigation div a:hover span { color: violet; } /* Nav item active color */ #mainNavigation div.active a span { color: green; } Wells /* Nav item color */ div#topNav ul li a { color: #ff0000 !important; } /* Nav item hover color */ div#topNav ul li a:hover { color: violet !important; } /* Nav item active color */ div#topNav ul li.active-link a { color: green !important; } Wexley /* Nav item color */ #topNav ul li a { color: #ff0000; } /* Nav item hover color */ #topNav ul li a:hover { color: violet; } /* Nav item active color */ #topNav ul li.active-link a { color: green; } York: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York /* Nav item color */ .site-navigation div a span { color: #ff0000; } /* Nav item hover color */ .site-navigation div a:hover span { color: violet; } /* Nav item active colo */ .site-navigation div.active a span { color: green; } Squarespace 7.1 /* Nav item color */ .header-nav-item a { color: #ff0000 !important; } /* Nav item hover color */ .header-nav-item>a:hover { color: red !important; } .header-nav-folder-item:hover a { color: red !important; } /* Nav item active color */ .header-nav-item--active a { color: green !important; } Created by Tuan Phan. Share to be shared more.
  2. 1 point
    Thank you so much you sweet sweet person!
  3. 1 point
    Hi Emma If money is tight, don't transfer the domains at all - connect them instead. There won't be any difference for visitors to your site, and you won't receive any additional charges. If a post helps you, please click a "Like" option below ↘️
  4. 1 point
    Hi Use this code in Design -> Custom CSS #collection-5f3b10cc86c1c22c839ef543 section:nth-child(n+2) img { border-radius: 50%; } Please use the like button if it helps you! Best, Leopold
  5. 1 point
    Hey, I would mix the code from @WillMyers for tabbed content and then use the accordion in one of those sections: https://www.will-myers.com/articles/how-to-add-tabs-in-squarespace-70-71 https://www.will-myers.com/products/p/accordion-dropdown-plugin-for-squarespace
  6. 1 point
    paul2009

    Selling multiple items as a pack offer

    If you are selling single products and family packs, you can either add them as separate products, where you have one "single mask" product and one "family pack". Each will have colour variant options (and potentially size variants too, such as medium or large). add them as a single products, and add another variant option for pack size. That way you'll have potentially three columns in the product editor, one for colour, one for mask size, and one for pack size (single or family pack. You'll then need one row for each possibility. Does that help? If a post helps you, please click a "Like" option below ↘️
  7. 1 point
    ChrisBartow

    Remove Underline from Links

    Try adding this to your custom css: a { background:none !important; }
  8. 1 point
    Did you solve this problem? I'm having the same problem now. Thanks.
  9. 1 point
    Hi, Also you can use this trick! https://URL.com/?noredirect Just use the ?noredirect at the end of your URL. Please use the like button if it helps you! Best, Leopold
  10. 1 point
    tuanphan

    Newbie help

    Space between Choosing a container... - Read more seems big. Email address - Signup button size different. Footer bottom has big spacing. On Mobile, Footer Navigation items has different spacing, looks ugly. Shop page (Mobile), I think you can change to 2 products/row, look shorter. Our Story Page. You haven't changed Tab Title yet (I mean browser tab title, it still show About Us, you can hover on Storey on Main Navigation > Click Gear icon > SEO > Edit SEO Title)
  11. 1 point
    Add to Home > design > Custom CSS /* Home summary stacked */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1594922674315_8551 { .summary-block-setting-design-list .summary-thumbnail-outer-container { float: none !important; width: 100% !important; } img { width: 100% !important; height: auto !important; top: 0 !important; left: 0 !important; } .summary-content.sqs-gallery-meta-container { width: 100% !important; margin-top: 20px; } } }
  12. 1 point
    Add to Home > Design > custom CSS /* Hide category */ @media screen and (max-width:767px) { ul.nested-category-children { display: none !important; } }
  13. 1 point
    Add to Home > Design > Custom CSS /* remove white right */ @media screen and (max-width:640px) { html, body { overflow-x: hidden; } }
  14. 1 point
    Add to Home > Design > Custom CSS /* Variant dropdown size */ .ProductItem-details .variant-option select option { font-size: 20px; }
  15. 1 point
    Add to Home > Design > Custom CSS /* Staff - Wienkamp page */ @media screen and (min-width:768px) { div#block-b1204f7dea47721483c4>.row:nth-child(2) { display: flex; align-items: center; } }
  16. 1 point
    Can you share link to gallery page? We can check easier.
  17. 1 point
    tuanphan

    Change section load colour in 7.1.

    Add to Home > Design > Custom CSS [data-section-id="5dd3cc728ca6f6715d3b6571"] .section-background { background: red !important; } Find data section id with this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
  18. 1 point
    So depending on the template you're using you should be able to remove it in the style editor. Failing that place the below in you websites CSS. .sqs-add-to-cart-button-wrapper {display:none!important}
  19. 1 point
    Hey thanks for the response! I am very glad that you at least answered me. I may try doing this in developer mode. I do want to say, this is something very simple and Squarespace should make it easy to do. I will see if my client can part ways with their menu style. Either way, thanks for the link and the info.
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...