undefined
-
Posts
40 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by undefined
-
-
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!
-
-
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 😞
-
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
-
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!
-
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 -
YAY! TOTALLY WORKS! Thank you!!!
-
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.
-
-
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;
}
-
-
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
Gallery Slideshow — removing image hover effects
in Fonts, colors and images
Posted
@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!