Search the Community

Hi, I need to change the drop down color variation font on my shop page. What is custom code for this? Thank you

Hello, I started off with the Bedford template. On the 'ABOUT' tab on the navigation bar, I have a dropdown side bar with links to 4 different pages: 'OUR PRINCIPLES' / 'OUR PROCESS' / 'OUR EXPERIENCE' / 'COLLABORATION'. When viewing the sidebar / dropdown on either desktop or tablet, the sidebar spacing is centered perfectly fine. But when you view on a mobile device, the links are off center (text is much closer to the top of the surrounding box than the bottom). See attached screen shot from a phone, which highlights the issue. Greatly appreciate if anyone could help me out with this query: My website is https://www.candelastudio.co.uk/ Thanks - Candela Studio

It's possible I'm overlooking something totally obvious, but I'm trying to figure out the CSS to create an in-page dropdown menu that someone would click on and have the option to click on links to multiple other pages or files. I don't just want a standard button that links to one thing. I'm looking to create something like pictured in this image: Please help! Thanks!

Hi - In the navigation menu, when I click on the first drop down, the text at the bottom of the list crowds over the other drop down items. I have attached a pic for reference - is there anyway I can increase the length of the dropdown box for these items only (it's a long list!)

On my product page the variant dropdowns are plain ugly rectangles. Is there a way to make them look nicer/more professional? Thanks!

I'm not a coder.... I figured out how to make an accordion style dropdown on my page. Can anyone tell me what to add to this to make it look more like a "button?" Right now the dropdown header is just text so people cant really tell its a dropdown... ### +<span style="color:navy">COSTS AND HOW DO WE SIGN UP? (Tap for Details)</span> Site page is https://www.leveluplacrosse.com/group

I am trying to achieve a product page similar to the one here: https://drewdoggett.com/shop/titans He is using woocommerce for his cart (I looked at the source code). I would like to achieve three things which he is doing: (1) A Visual Product Variant selection; (2) Product Image updates with variant selection; and (3) Product Variants show/hide and are selectable/not selectable based on other variants previously chosen. I know for (1) there is this plugin for a visual variant from these guys: https://www.sqspthemes.com/plugins/product-swatch-variant I know for (2) there is a plugin for updating image based on variants: https://www.sqspthemes.com/plugins/change-product-image-with-variant I don't know how to achieve number three while also achieving the first two goals and/or whether these plugins would be able to "talk" to any code I write to achieve number three. The problem is I need certain drop-downs or product choices to reveal themselves based on other selections. I can't have each product variant always available because not all choices may be purchasable. For example, you cannot purchase a Plexiglass print with a frame or a mat but those options are still available to the customer because they are tied to white and black frame options. This means a customer has to sit there and work out what is actually available or not and choose the right combination to add something to the cart. Terrible UX. I also don't want to do a single drop-down with a list of every size and product variant available because it would be a list of over 50 options for each artwork. I have uploaded a screenshot snippit of my product list as a hint to how complex this gets... There are 11 variations per print size and 4 or 5 print sizes per artwork... And each variant depends on another variant selected... Is there another plug-in or code to help me get to where I want to go?

Hello, As the categories / product list automatically sorts in alphabetical order, I have used CSS to rearrange this on a desktop size screen. However, when switching to mobile it turns the horizontal bar into a dropdown category menu. I am looking for a way to reorder the categories on this list but keeping the dropdown style. I want them in the order ALL, EVERYONE, BUNDLES & KITS, BABY, MAMA. Link is https://www.sisunaturals.com/shop I've also attached two screenshots of what it looks like on mobile when I attempt to reorder and what it looks like without

Hi there, I am using a custom font on my website for the drop down menus at the top of the site but it just recently added a huge gap between the primary navigation titles and the drop down menus. Does anyone have an idea on how to reduce the padding between the pages within each drop down? My site is private for now but here is a screen shot of what it looks like. Ideally I would like to reduce the spacing between events and upcoming events and possibly between the other pages ie b/w upcoming events, venues, type of events and calendar. Thank you in advance! Also, this is the coding i used to get the font in place: @font-face { font-family: 'Estilo'; src: url('https://static1.squarespace.com/static/5d7be41b5cb7d218f8c093c0/t/5d8bc38b609d4674de42bad1/1569440651395/Estilo.otf'); } h1 {font-family: 'Estilo';} .Header-nav { font-family: 'estilo'; font-weight: 600; font-style: normal; font-size: 20px; letter-spacing: .0em; text-transform: normal; }

I'd like to add a drop down menu to one of my pages. I want to enable each drop-down item to link to another page. Is this possible?

How can I change the drop down menus background opacity on Bedford template using CSS code?Thanks in advance!