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

mgwebsite

Member
  • Posts

    13
  • Joined

  • Last visited

Everything posted by mgwebsite

  1. Site URL: http://metgal.art/ Hello! We have seven core values that we are wanting to showcase on our site. I'm working on doing something like Gusto has their site. Image attached. Can someone help me with a responsive three column, two row (then one full row at the end for the seventh value)? If it helps to inspect on Gusto's site, the link is: https://gusto.com/about
  2. Site URL: https://metgal.art/ In order to get our portfolio (RESULTS page) hover over titles to appear as we want, I included some html. I thought by editng the SEO descriptions they wouldn't show up when searched in Google, but they do in some areas (like the general portfolio page). Can anyone help include CSS to help format the titles how we have them so I don't have to worry how they display in Google? Images to help illustrate below.
  3. Site URL: http://metgal.art/ Password: thisisart Is there a way to get this up on my site for my 404 page? https://codepen.io/akm2/pen/BonIh I put the HTML in code block. I put the CSS in the Custo CSS, and I tried putting the Javascript in the header, footer, page code injection, and code block, but can't seem to get this work. Any help is appreciated.
  4. I'm having the same issue. Please update if anyone finds a solution or here's anymore updates.
  5. @tuanphan. Thanks for pointing that out! I definitely want them centered. What is the code for that?
  6. @tuanphan it's the results page: https://metgal.art/results Our domain is connected, but the password is still: thisisart Also, I had to actually go on my phone to see how this portion of the website would look, rather than use Squarespace's built-in feature.
  7. Site URL: https://magnolia-hawk-8wyh.squarespace.com/ Password: thisisart I figured out how to turn off the hover effect in my portfolio grid using the below code, but now it's hard to read on the mobile. Can someone help me with code to put a overlay gradient on mobile only or a suggestion to make the text legible? Thanks! // Portfolio Text on Mobile // @media screen and (max-width:640px) { .portfolio-text { opacity: 1 !important; } } @media screen and (max-width:767px) { .portfolio-text h3 { color: white !important; font-size: 26px ! important; } }
  8. Site URL: https://magnolia-hawk-8wyh.squarespace.com/ I have a newsletter block in my footer. The spacing between the header and the sign up is too large because I don't have a description. Is there a way to make the description space not visible or reduce the spacing? Password: thisisart
  9. Site URL: https://magnolia-hawk-8wyh.squarespace.com Hi I am trying to insert some code so all headings and paragraph are centered on mobile only. I tried the below code, but no luck. Password: thisisart @media only screen and (max-width: 640px) h1, h2, h3, p, { text-align: center !important; }
  10. @bangank36: Is there a way to turn it off on mobile and provide another solution? It doesn't appear to be responsive.
  11. Thanks, @bangank36! These are cool. Is there a way to further customize it? When I put in the heading tags in the caption my blue heading doesn't show up on the dark overlay. I want this to be white and smaller, and I want the subtitle to be a bit bigger.
  12. Site URL: https://magnolia-hawk-8wyh.squarespace.com/results Hi! I am looking to get some help creating a hover over in a gallery grid. I've found some code from these forums that works , but I am having a hard time customizing what I want it to look like. Can someone help me get it where the first part is bolded with the subtitle smaller, regular and underneath? See attached image. It might be worth noting that have two fonts I'm using through CSS. When I started to try to add code it started messing with the stylizating of the fonts through the whole site. Thanks! Website: https://magnolia-hawk-8wyh.squarespace.com/results Password for site: thisisart // Galler Image Hover in Desing > CSS// figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; color: white; text-align: center; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: #002554; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.65; } /* remove gap */ figcaption { padding: 0 !important; }
×
×
  • Create New...