Search the Community
Showing results for tags 'dropdown'.
-
Change font of drop-down menu in product listing
MarikaS posted a question in Coding and Customization
Hi there, I started using the Brine template, and in my product listing I have a drop down menu for size and quantity The size drop down uses a different, ugly font which is not related to the template style. Any idea on how to change this? Thanks Marika -
Decrease the space between the variant drop downs
Peter550 posted a question in Coding and Customization
I would like to decrease the space between the variant drop down boxes, quantity and add to cart button, so they're closer to each-other. Do I need custom CSS? @tuanphan @Agha_Waqas any ideas? Thanks in advance Pete -
Site URL: https://www.gaultstone.com/ For this website: https://www.gaultstone.com/ We want the dropdown menu to be #212121 instead of white.
-
Adding dropdown/accordion with images inside
jamesmabrown posted a question in Coding and Customization
Hello, I'm trying to add an accordion/dropdown to a website (it's still in trial at the moment so can't share web link). It is going to be used on a page showing the team of a company, so within each entry it also needs to include a picture of them. I have used the standard markdown used for an accordion, which by itself (without an image in it) works fine. I have then used an HTML image reference within it, and when it does this, only the first name appears. And when it is opened/clicked, the next name then appears below it (and so forth). But then when you close the top name, they all disappear (apart from the top one). I have also tried created an animated collapsible using HTML, CSS and Java (https://www.w3schools.com/howto/howto_js_collapsible.asp). This code was copied exactly, using a code block for the HTML, adding the CSS into the custom CSS, and adding the Javascript into the page specific code injection. The list options are created, but don't actually open when clicked on. If anyone can provide any insight into how to get either of these solutions to work that would be greatly appreciated. Screenshots are attached for reference. To confirm, I'm using the Henson template. Many thanks, James -
Folder inside a folder (advanced dropdown nav)
thelifestylemanager posted a question in Coding and Customization
Site URL: https://www.vipbutlerservices.com/ Hi guys! I'm looking for a way to nest a folder inside a folder. For example: folder one with Car A B C then if you hover over Car A you see Diesel or Petrol. Anyone here that can help? -
Site URL: https://www.shootiezproductions.com/ Hi! I have a dropdown menu that is incorporated on my mobile and online website (more important on mobile) and wondering how I can change the design of the style of the dropdown menu? The text is currently too close to each other and too small on both mobile and computer. It would be hard for our clients to read it and I can not figure out how to change the style of the text spacing and size. Any help and advice would be greatly appreciated! I know you all are very busy and working on your own websites, so thank you in advance for any assistance!
-
Site URL: https://www.dr-nemo.si/home Our website is made in 3 languages, each language is a different folder and so it has its own dropdown menu. I would like to modify the dropdown menus so that the appropriate menu is always visible while you are within its folder (for instance when you're looking at the pages in the English folder the English menu is always fully (extended) visible for easier navigation). And secondly I'd like to transform the drop down menu so the subpages of the folder display side by side in the menu and not one below the other. Are either of these things possible? and if yes how could I achieve them? -
Change font size of items in dropdown menu navigation
Jelle posted a question in Coding and Customization
Site URL: https://www.drogeogenklinieknederland.nl Hello, I would like to change the size of the font of the items in my dropdown menus (which is particularly relevant for the mobile version). I have looked at custom css options, but I can't seem to find the appropriate one. My site uses the Harris template in version 7.0. Does anyone know how to do this? Thanks! -
Hey, I'm building my site in 7.1 (mainly to get to grips with using it) and I've come across one problem I can't seem to fix. The dropdown navigation has white text & a white background(image attached) My header colour palette is yellow, whereas the main website has a white background, I'm wondering if this is part of the problem. It'd be greatly appreciated if anyone can find any workaround for me. Site is here: https://hexaflexagon-star-bh8p.squarespace.comPasword: 123123
-
Site URL: https://kohsdevelopment.com Can somebody share a code to make the Dropdown menu background become greyish, while the color of each title inside the dropdown menu become yellow when hovering?
-
Site URL: https://cone-tuna-x47f.squarespace.com/contact I was able to customize the dropdown styling to my liking, but I can't seem to figure out a way to target the chevron to give it a little more padding on the right so it is not so close to the border line. Thanks in advance for any help! URL: https://cone-tuna-x47f.squarespace.com/contact Pass: haircare
-
Survey Results to populate live on a page and be sortable
Ashley1234 posted a question in Coding and Customization
Site URL: https://www.ecelc.ca/ *site does not yet have page live for content in question It seems to be possible to add Survey Monkey to a website via code or plugins. Is it possible to have people be able to see the results and be sortable? For instance someone could sort results by location via dropdown menu or selection box - I hope this makes sense. -
Site URL: https://ievaviphoto.com/ Hello, people! Would anyone give me a hand implementing this code onto my site? Would love to know the logic behind this! Thanks loads!! https://codepen.io/arjancodes/pen/gbweYB My site www.ievaviphoto.com
-
How to remove "Select" on Product Variant Drop-Down
MagnoliaPi posted a question in Coding and Customization
Hi! Is there any way to remove the "Select" text on the Product Variant Dropdown, so that it only say "Farve" and "Motiv"? Thanks in advances! -
Site URL: http://www.innervisionpilates.com Hi, I would like to create a drop down menu that when you log in through your "members area" in the primary navigation a new menu will pop up with all different areas to go to but im not sure if this is possible to do yet??
-
Expandable sections / blocks for a FAQ section
ItsOurPlanetToo posted a question in Coding and Customization
Hi there, can anyone let me know if it's possible to add expandable sections in Squarespace? For example I would like to create a FAQ section, where each question expands with the answer when clicked on... Or if there's relatively easy code to make this happen? thanks -
We are running version 7.0 on the Bedford template. Developer mode is activated and I have the local environment setup, but the default javascript code comes minified. The current default is that the Navigation folders/dropdowns will open on hover, but I would like to modify this to operate on click only. Is there anyway to make this change from within squarespace or the JS code? Or would I need to rebuild the nav with new CSS and ids?
-
Drop Down Tab - Revealing my Portfolio Section
ToCatchFilms posted a question in Coding and Customization
Site URL: https://www.tocatchfilms.com/wedding-portforlio Hi there, I am a videographer, and I would like to create text blocks that once clicked on, reveal my portfolio section. For example, there will be "Highlights" and once clicked on, it would show all of my highlight videos. I would like it to reveal within the same page, and be to closed/opened seamlessly. I've attached this website (beigecashmere) that displays EXACTLY what I am trying to achieve. If anyone could help that would be amazing, since this would require some custom coding. Thank you in advance. https://www.beigecashmere.com/videography My website for reference: https://www.tocatchfilms.com/wedding-portforlio Cheers! -
Site URL: https://www.disabilityinclusiveclimate.org/faq Hi there, I am trying to create a double dropdown type feature on this page: https://www.disabilityinclusiveclimate.org/faq. The answers underneath the questions are collapsing fine, but I can't get the questions to collapse under each FAQ heading. I got code from this page initially https://www.rebeccagracedesigns.com/blog/multi-layer-dropdown-box.
-
Site URL: https://dove-tiger-etxd.squarespace.com/shop/p/cake-6 Password: javi I have a custom form that appears on 'Add to cart' that I've edited with CSS to match the rest of the site, but can't figure out how to make the dropdown arrows look the same and have the right padding.. help!
-
Line break in CSS dropdown menu is not correct
apras77 posted a question in Coding and Customization
Site URL: https://scarlet-beagle-me6l.squarespace.com Hi all, I am trying to code a dropdown menu on my site. The line break looks correct on full desktop screen, but moves to a strange place on smaller screens/mobile. Has anyone an idea, how I could fix this? This is the code I am using: Code for Text block (further below the custom css code): <div class="dropdown"> <p2>This is question 1</p2> <div class="answer"> <p>This is answer 1</p> </div> </div> <div class="dropdown"> <p2>This is question 2</p2> <div class="answer"> <p>This is answer 2</p> </div> </div> <div class="dropdown"> <p2>This is question 3</p2> <div class="answer"> <p>This is answer 3</p> </div> </div> This is the Custom CSS code: /* Dropdown Box */ .dropdown { margin-bottom: 4vw; /*spacing between boxes */ } .dropdown p2 { font-size: 1.1rem; /*question font size */ font-weight: 600; /* question bold */ background: #FFFFFF; /*box background colour */ color: #00000 !important; /*question text colour*/ padding: 8px; margin: auto 0px; cursor: pointer; } .dropdown p { font-style: normal; /* answer normal */ } .answer { display: none; margin-top: 1vw; /*space between question and answer */ } .dropdown p2:after { content: "\>"; /* arrow */ font-size: 24; /*font size arrow */ text-align: left; float: left; } Thanks a lot. -
Site URL: https://www.ourgiftbiz.com/ I see how you can create a folder and add links to main menu to create a drop down menu, but if I hid current gift shop menu (store pages), none of the store pages are visible.
-
Site URL: https://www.trulycleandrycleaners.com/ I am trying to achieve the accordion drop down for my clients website but am having some issues. It is mostly complicated because his aesthetic for the product page is different from the rest of the site, so everything including the background color and markdown font color needed to be different (vice versa from what they are). The product details in the accordion was pulling the black color font from the rest of the site, but this page is coded to black so I'm not sure how to get that text white. Also, the accordion was appearing over the product title name, but I need it functioning under the add cart button preferably, or under price if not. It is H4 format.
-
Underline when hovering over choices from dropdown menu
amieamie posted a question in Coding and Customization
Site URL: https://amieamie.ca/ Hello! I'd love for the words in our dropdown menu to become underline (or more pale!) when hovering on them. What would the code be and where would I add it? Thanks!! 🙂 -
Site URL: https://www.cisgroup.co.nz/shop/h9xztvjggdqp3ok5b9ngfnhfygh7nd Hi, I am having some trouble trying to change the look of the product variant dropdown selection, see image. is there a way to do this in the menus or with css?
