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

Search the Community

Showing results for tags 'hover color'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

Found 25 results

  1. Site URL: https://www.menswearmag.com I'm having issues with the custom H2 code when it comes to the link hover color. For the labels on my site 'Fashion, Grooming, etc.' they link to further category pages. However, the hyperlink has a preset of a dark grey that doesn't show against the custom black background of the H2 text blocks. Here is the code I am using for those blocks: <style> h2 { font-weight: 400; color: white; background: #191919; &:hover color: white padding-top: -2px; padding-right: 0px; padding-bottom: -2px; padding-left:
  2. Hi all! I'm hoping someone can assist me with changing the text colour of "Continue Shopping" when I hover my cursor over it. On my site, I see this message when I go to the shopping cart, and nothing has been added. For reference, I'm working with Squarespace 7.1. Thanks in advance!!
  3. Site URL: https://www.bessiebeecreative.com I have managed to change the hover colors of all the navigation links but I would like to now change just the hover color of the "Shop" link. Shop has menu items in a drop down that I would like to continue to have the existing hover color. I'd like for only the word "shop" to not change colors when hovering over it. I'm attempting to make it more clear to site visitors that they need to click on one of the items in the drop down menu. Thank you! https://www.bessiebeecreative.com Site is public. I'm also seeing now, that the entire d
  4. Site URL: https://cbcbellevue.com Hello! I have an idea in mind and I'm not sure if it is possible but wanted to ask the experts and see if they had any ideas. I just bought a plug in for the map on my page so that it can feature multiple locations tagged in different areas sourcing from a blog/events list etc... Each location can then have a pop up of the excerpt that has the location listed (from the blog selected) and my idea is for the map to be black and white/grayscale (already can do that) and then when someone clicks the marker on the location the story pops up, and th
  5. Hello, does anyone know how to add a hover over text on gallery images? I want the image to have a white 5% opacity over the image with text when I hover over the image. Attached an image I found online. I want the hover to look like but with white colour opacity with text Does anyone know how to make it? Please help. Thank you in advance 🙂
  6. Hi there, I'm building a portfolio site for a client using the Miller template (still unpublished). On one page, I have a bunch of image blocks (NOT a gallery). Is there any way to change the hover effect on just this one page? On the hover, I'd like each image block to have a full color overlay with the caption text in the middle, poster style. Thanks! Sarah
  7. Site URL: https://cricket-bellflower-3xhg.squarespace.com Is it possible to add a hover-state color change to my menu on the main navigation? at the moment the menu items don't 'highlight' to show when you've rolled a mouse or otherwise navigated between menu and sub-menu options. I am using Euclid on 7.1 Thanks.
  8. Hey guys, I've been trying to change the colour of the text in my drop-down menu and also my header buttons when you hover the mouse over the text. I've tried a couple of different codes that I've seen other people post, but none of them seem to be working so far. Please help. Thank you, K
  9. Site URL: https://www.soulstoriesproject.com/client-work I'm trying to add a custom button hover effect on the button within an image block. I used this code but it created an odd hover effect that spanned the width of the block (see attached) .image-button:hover { background-color: #dca757 !important } I'd like these buttons to function like the one on the homepage: https://www.soulstoriesproject.com Any insight as to what I'm doing wrong is greatly appreciated!
  10. Site URL: https://falodu-demo.squarespace.com/work Hi, I'm quite new to Squarespace and I have a question regarding the hover state on the images of a portfolio page in Squarespace 7.1 . I'm currently working with this template: https://falodu-demo.squarespace.com/work and I was wondering if the hover state on the portfolio page (in this case work) can be a solid colour instead of the current 'faded' effect. I have looked everywhere on the design section but it seems it might have to be edited in the custom CSS.
  11. Site URL: https://www.climatetechaction.network/ Hi guys, I'm really confused because I was able to change the color of my social media icons putting this in the custom CSS box: .header-actions use { fill: #00bfff; } However, I want to also make the menu items change color (Apply, Our Mission, etc) as well as the social media icons when the mouse hovers over them. I've pasted different CSS codes I've found online but none of them work. Can someone please assist?
  12. Site URL: https://bear-echidna-k68b.squarespace.com/ I am trying to change the header links color when hovering over a particular link. Thank you very much.
  13. Site URL: https://www.grahamweaver.com/blog/the-common-question On individual blog pages, I added code to make the text for previous and subsequent blog titles (basically the pagination at bottom of each blog post) change colors to our accent blue when the mouse hovers over the titles. It appears to be working just fine when the Custom CSS window is open, but for some reason the hover effect stops working after I close the CSS window on the left menu. See screen grabs for reference. All of my other code is working just fine. Any idea what the issue is here? Is it my code, or is it Squarespac
  14. Site URL: https://www.grahamweaver.com/ On individual blog pages, I added code to make the text for previous and subsequent blog titles (basically the pagination at bottom of each blog post) change colors to our accent blue when the mouse hovers over the titles. It appears to be working just fine when the Custom CSS window is open, but for some reason the hover effect stops working after I close the CSS window on the left menu. See screen grabs for reference. All of my other code is working just fine. Any idea what the issue is here? Is it my code, or is it Squarespace? Would so appreciate i
  15. Hello guys! Is it possible to change the colour of each navigation link on Hover and Active for Squarespace version 7.1? I am using Mark Novo template! Ex: I want the 'Product' text link to turn blue when hovered and remain blue (bold) when active and I want the Video text link to turn red when hovered and red (bold) when active. If none of the navigation links are hovered or clicked, I want them to remain 'grey'. Help please!
  16. Site URL: http://www.matteosmozzarella.com When hovering over a product on my shop page, the product dissapears. I suspect it has something to do with the transparency %, but I don't know how to change it. I already tried the default reset, but the problem remains.
  17. Site URL: https://tarantula-calliope-fl4m.squarespace.com/ Hi there – hoping someone can help me have all buttons on my site have an svg icon to that changes on hover. I've been able to get the arrow in, but it seems to disappear after I leave the css panel. here's what is should look like: site: https://tarantula-calliope-fl4m.squarespace.com/ Pass: squarespace /* buttons */ .sqs-block-button-element { text-align: left!important; background-color:#fff!important; border: 4px solid #000!important; color: #000!important; width: 100%!important; max-width: 5
  18. Site URL: https://www.mariadieruhe.com/work Hey, i just wonder if you could have different colors on hover on the carson template. my website is www.mariadieruhe.com any idea how to set 4 different colors on the main website? ( on the links "about" "releases" "dates" "videos" thank you for any help 🙂 sarah
  19. Site URL: https://www.causewaycoastvineyard.com/testgive Hey guys I am adding a custom button to our website and have done pretty well in making it look like our standard squarespace buttons but having no joy with the hover colour and font colour change. Here's a snippet of the code <button class="tithely-give-btn" style="background-color: #FFFFFF;font-family: ;font-weight: normal;font-size: 15px; padding: 22px 55px; border-radius: 3px; cursor: pointer; background-image: none; color: black; text-shadow: none; display;letter-spacing:1px; inline-block; float: none; .btn:hover{b
  20. Site URL: https://www.thiscitymaps.com/ How do I change the background of the text so that it is opaque instead of transparent. When I click the dropdown for the menu on the side it shows up like this and is hard to read. Note : this only occurs in mobile or when you have the browser window small enough that the pages do not have room to display at the top of the page. I am using the Hester template in 7.1 thiscitymaps.com
  21. Site URL: http://gregorylassale.com Hello again, Another question for you coding pros. I have the nav bar styled as Spotlight (all menu items change color except for the one hovered over). I'd like to do the same thing with the header branding i.e. all the nav bar items to change color when hovering over the branding with the same smooth transition. How can I achieve that ? Thanks in advance!
  22. Site URL: https://juergenstrohmayer.net/nubuke-extended I want to remove the color overlay from all gallery blocks. I am using a slideshow with captions. In the Rally theme the captions are on top of a color overlay that fades upwards from the bottom of the image.
  23. Hey all, Hope you're staying safe out there. I am wanting to add some code to a section of the Pazari template that is the front page of the portfolio option. When you hover over the text, it changes the complete background of the page. My website is black and white and I wanted the background to change to black but because the links are black as well, they disappear when hovered over. Is there a code that will change the text to white on the hover? I can't find anything out there or find where to even insert the code for this section. Thanks for your help!
  24. Site URL: https://www.patsimpsonart.com Need some help with some CSS to change hover colour and opacity 7.0 Flatiron Password: T3mppass!
  25. Site URL: http://www.traininglab.com.au Hi Appreciate help. The Nav Button on Beford template is automatically displaying white text on yellow background for the hover font. There is no option in Design to change the hover link font color only the a link color. It is very hard to read the white on yellow background on the button hover. I want the yellow color for the action button but need to change the text color to black font on the hover. What is the CSS to do this on the Bedford template. It is also really bad for accessibility too as can't be read. It is strange if I c
  • Create New...