undefined
Circle Member-
Posts
40 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by undefined
-
Gallery Slideshow — removing image hover effects
undefined replied to undefined's topic in Fonts, colors and images
@heyawaiszahid totally works and gets the job done. I would be curious to the drawbacks, but in the end, if I dont come across them it really doesnt matter! 😄 thank you so much for your help! -
Gallery Slideshow — removing image hover effects
undefined replied to undefined's topic in Fonts, colors and images
That's super cool, and will work for a lot of things, but unfortunately here I am dealing with gallery images... All I have is Description and URL, no option for alt. Is there a way to do that with a description? -
Hey everyone! I am using this code globally: a:link img { opacity: 1.0 ; } a:hover img { opacity: 0.5; } However, I now need to have a single image from the homepage banner link to a URL. The images are set to swap out without any animation every 3 sec. Problem is when I mouse over the linked image, weird transparency strangeness happens. In my mind there are two ways of fixing this, but I am not sure which is easier/would work best. One is to override image hover effects on the home page only. The other is to stop the banner images to continue swapping to the next one for as long as someone is hovering over. My preference would be this, with code that is not targeting any ID since these images could change frequently and be updated by people with zero tech skills. So either Custom CSS or Page Header code would be amazing. https://owl-sepia-z53p.squarespace.com/ — in progress site, no password. Thank you all so SO much for your help!
-
CSS for creating columns in Navigation folder drop-down
undefined replied to jmhalpin's topic in Customize with code
Wow ok, totally a glitch. Popped it in again this morning and it's all good. 👍 THANK YOU!- 18 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
CSS for creating columns in Navigation folder drop-down
undefined replied to jmhalpin's topic in Customize with code
It hits the right dropdown, but rather than creating 2 columns, it puts each link into its own column — so I get one long row of navigation links 😞- 18 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
CSS for creating columns in Navigation folder drop-down
undefined replied to jmhalpin's topic in Customize with code
Hey @creedon tried to pilfer this code, and I can't get it working: https://owl-sepia-z53p.squarespace.com/ Site in progress, but public. I only need the 2nd dropdown to sort into two columns, but changing nth child to 2 in code above doesn't work. Any thoughts? Many thanks in advance! Maria- 18 replies
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
Hi Maya Violet, thanks so much for replying. For some reason I didn't get the notification, just seeing this. I like this idea... I'll try to mess around and see how far I get!
- 2 replies
-
- button
- custom-css
-
(and 2 more)
Tagged with:
-
Hey everyone, We have 4 color combos going on the site and I have code that restyles the buttons to be different colors for primary, secondary and tertiary. However, it would be really useful to have a fourth button style since there are 4 combinations. I tried doing this with markdown as a workaround <span style="background-color:#4A7474;border-radius:0px;padding-right:1em; padding-left:1em; padding-top:.5em; padding-bottom:.5em; font-family:'Proxima Nova'; font-weight: 700; font-size: 24px;"><a href="your link">REGISTER NOW</a> </span> But, a) I can't seem to find a way to change the text color, and b) it's not ideal since it doesnt behave as a true button, so there's no responsive hover color fade like on the actual buttons. Is there a way to add a fourth button for the entire site? This is totally above my skill level! If that's not possible, how can I change the font color on the markdown above to white? Is there a way to change the background color on hover? https://owl-sepia-z53p.squarespace.com This is an in-progress site, so forgive the messy parts. Thanks in advance! Maria
- 2 replies
-
- button
- custom-css
-
(and 2 more)
Tagged with:
-
How to decrease the line height on P2 or Paragraph 2 text?
undefined replied to BradleyK's topic in Customize with code
YAY! TOTALLY WORKS! Thank you!!!- 8 replies
-
- custom-css
- text
-
(and 1 more)
Tagged with:
-
How to decrease the line height on P2 or Paragraph 2 text?
undefined replied to BradleyK's topic in Customize with code
Hey there — trying to work with this code to set different line heights and top/bottom margins for p1, p2 and p3. Can't get it to work. Inevitably one winds up changing the other. Could someone post a complete set of these? I am a terrible coder 😂 I'm sure this is obvious but for the life of me I can't cobble it together.- 8 replies
-
- custom-css
- text
-
(and 1 more)
Tagged with:
-
THANK YOU! That did it. I really can't understand why these settings can't just be part of the UI in Squarespace. They overcomplicated 7.1 so much, yet basic stuff is still missing 😂 Just IMHO.....
-
Right, but once I increase it on desktop, it screws up mobile. Seems like there's no way to have a "keep proportions intact" option?
-
This is the thing I am also trying to avoid — in the screenshot, the entire top of the image with the sky just gets lost. Maybe there's some way to limit this and still keep the mobile code intact? THANK YOU!
-
Thanks Tuanphan — it seems to make mobile better for sure, but the image still doesn't retain its full height when I maximize my browser screen on desktop. Is there a way to just remove any dynamic sizing completely? So it's always the same, shows up in full regardless of screensize?
-
Amazing, totally works and I love the context-menu cursor! THANK YOU!
-
Hey Lesum, thanks so much! Yes — it does the job of bringing back the color overlay but now of course it is returning that top-tier menu option to being a link, which it is not. Is there a way to do both: not have it be a clickable pointer event, but change the color once the dropdown is activated? https://owl-sepia-z53p.squarespace.com/ Thank you!
-
I have a section with a Banner Slideshow at the top of the homepage. I have enabled Full Bleed, vertical padding is S, no infinite scroll and I have messed with the minimum height settings ad infinitum. All I want is for the banner to always remain the same ratio. I don't want Squarespace to scale it dynamically. Otherwise I can optimize either for mobile or desktop, and even then depending on the size of the window, key parts of the images get cropped. How can I set this to remain static? https://owl-sepia-z53p.squarespace.com/ Thanks so so very much for the help! Spend a couple of hours and realized this is above my level of comprehension.
-
Hello! I'm a "code scavenger" and I was able to style the menu to my linking. One issue: My main menu links change color on hover ONLY for the link without a drop-down menu. The links with a dropdown just show the dropdown, but remain the same color. Have not been able to figure out how to get ALL links to change. Here's all the code I am using right now, I wonder if there is a conflict here I'm unable to see? PS: Site is barebones, just starting on this. Many thanks! /* HEADER LINKS */ .header-nav-item a:hover { color:#434D4C !important; } .header-nav-item a:active { color:#000004 !important; } .header-nav-item a:active { color:#000004 !important; background-image: none !important; } /*DROPDOWN STYLES */ .header-nav-folder-content {border-bottom:4px solid #C7DDDD} .header-nav-folder-content {border-top:4px solid #C7DDDD} /* NAV FOLDER STYLES removes clickable main dropdown link and underline*/ .header-nav-folder-title { pointer-events: none; } .header-nav-item--active a { background-image: none !important; color:#4A7474 !important; } .header-nav-folder-content { min-width: 90px !important; }
-
AMAZING @Jia thank you SO MUCH! Lifesaver!
-
Hello! owl-sepia-z53p.squarespace.com (very much in progress) I'm banging my head against the wall 😂 I got the menu styled to satisfaction except when the dropdown menu! When we land on the page, I get an extra underline to show active page. I'd love to get rid of that and just change the color to #434D4C to show which page we are on. Can anyone help? I'm not a coder, just a scavenger 😞 and can't seem to find the right line... Thank you!!! Maria