Jump to content

johnnaslaby

Member
  • Posts

    8
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

johnnaslaby's Achievements

  1. @tuanphan Hi there! Yes the text that I would like to add to those pages are the names of the artwork along with some smaller details to the bottom when you hover over the images. How do you think I could go about making that work? For example, I would like my pages: https://johnnaslaby.com/art https://johnnaslaby.com/store to look like this: https://heatherday.com/2022
  2. @Ziggy Yes! This is my website. These are the two pages I want to change: https://johnnaslaby.com/store https://johnnaslaby.com/art And I want to make the images like this page on my site: https://johnnaslaby.com/journal I had to put the code in there for that one but I don't know how to make it so that I have the same effect for the store page as well. This is the code that I used for the /journal page I believe: /* show title on hover */ .blog-basic-grid--text { opacity: 0; transition: opacity 0.25s ease-out; } .blog-item:hover .blog-basic-grid--text { opacity: 1; } /* show overlay on hover */ .blog-item .image-wrapper:after { position: absolute; content: ""; background: rgba(255,255,255, 0.9); top: 0; bottom: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.25s ease-out; } .blog-item:hover .image-wrapper:after { opacity: 1; } .blog-basic-grid--text { position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); z-index: 9999; } article { position: relative; }
  3. @Ziggy Hi! Thanks for the message. Apologies, I thought the site was attached already! Trying to do it with this page: https://johnnaslaby.com/store -Johnna
  4. Hi everyone! I want to change the images so that there is a whiter overlay and then have the title be on top like this: https://johnnaslaby.com/journal Thank you! Johnna
  5. Hi there Creedon! So sorry, I just noticed now that you responded. Thank you! I found the solution!
  6. Site URL: https://johnnaslaby.com/journal Hi there! I am pulling my hair out trying to figure out how to make the titles of the blog post get to the center of the image with the overlay and not underneath the image like it is now. If someone can help me that would be amazing! To view it, this is the page: https://johnnaslaby.com/journal
  7. Site URL: http://www.johnnaslaby.com/about Hi guys! I'm wondering what the CSS is for changing the color of the navigation bar on all pages except the main one? My pages are kind of all screwed up in that some pages show the navigation bar in black, but the others just come up in white like: http://www.johnnaslaby.com/about Let me know! Johnna
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.