Jump to content

HeyKarenShea

Circle Member
  • Posts

    12
  • Joined

  • Last visited

Personal Information

  • Location
    West Virginia

HeyKarenShea's Achievements

  1. Sorry about that! https://lanternfish-maracas-phwl.squarespace.com/
  2. Site password: rsksite Hey all - I am unfamiliar with how to code for mobile view. I currently have a banner with images on rotation and a description text box. It looks great on desktop, but when I look in mobile view the text box is getting cut off. Please review screenshot for reference. Here is the code I have used.. //Gallery Text// .gallery-caption p{color: white!important} .gallery-caption p {white-space:pre; text-align:center} .gallery-caption {background: linear-gradient(to right, #2B3D58, #BD9060); opacity: .85!important} .gallery-caption p{font-size:1.1rem!important} .gallery-caption p:first-line {font-weight:bold} .gallery-caption p{font-family:ITC Avant Garde Gothic Pro!important} .gallery-caption {margin-top: -8%} .gallery-caption.gallery-caption-fullscreen-slideshow { top: 100%; left: 70%; text-align: .2 % left; max-width: 30%; } //END GALLERY TEXT// .gallery-fullscreen-slideshow { margin-bottom: 0px!important }
  3. I purchased this plugin from Ghost, but would like the text to appear on a hover only. Does anyone know how I can make this happen by adding to the given code? https://lanternfish-maracas-phwl.squarespace.com/portfolio password: rsksite
  4. Hey all. I recently used customized code to place caption text over a slideshow. I'll share the code below. Has anyone done this? If so, are you able to get rid of the white space where the caption was originally placed before the next section begins? Please see attached. The white space between the banner slide and the text in the next section is too much. Also, any tips on how to make this customizable to mobile view? //Gallery Text// .gallery-caption p{color: black!important} .gallery-caption {background-color: White} .gallery-caption p{font-size:1.4rem!important} .gallery-caption p{font-family: ITC Avant Garde Gothic Pro! important} .gallery-caption {margin-top: -10%} .gallery-caption.gallery-caption-fullscreen-slideshow { top: 100%; left: 57%; text-align: left; max-width: 50%; } //END GALLERY TEXT//
  5. I actually got this figured out..but have another question. One I need to add a code to make the text convert to media view. Also, is there now a way to get rid of the space between where the caption originally goes and the next section? There is a lot of white between the slideshow and text in the next section!
  6. sorry..the password is "rsk123" I am hoping to have it with a background color over the images. Please see example on this site: https://www.scilights.com/
  7. Hello, My client would like to implement sliding images with overlaying text/descriptions on them. I know how to do this on a simple gallery but would like to do something more like this https://www.scilights.com/ (please see header images) where the text "slides" in as well. Could anyone lead me to a plugin or have coding options to help with this? Also, I have resized the images the client has provided to 2500 pixels wide, but some still seem a little blurry to me. Any advice? (please see screen recording) Screen Recording 2023-05-23 at 6.00.48 PM.mov
  8. I'm following this thread and trying to implement the same thing. Can you add a font change and color change as well as add an overlay to the font?
  9. Thank you! I actually just figured it out and came to delete this forum! 🙂 Thanks so much!
  10. Hey all, I have a client that would like their logo to be the navigation back to the "home" page. An example of this would be from this site right here. https://www.laiweb.net/ Has anyone accomplished this? If so, can you help? Thanks!
×
×
  • 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.