Jump to content

Osman01

Member
  • Posts

    13
  • Joined

  • Last visited

Osman01's Achievements

  1. Thx, is there a workaround without upgrading to business plan?
  2. Hiya, Is there a way to hide banner cards on specific pages with CSS coding?. I'd like to have it only on the first and last page of the Banner:Slideshow . (Professional and University pages ). web: osman-b-zaman.squarespace.com pass: PASS700 Kind Regards
  3. Yep, it works!. To finish off, do you know if there is a way to slightly round off the corners?. I have it on 5 on the cover page.
  4. Hi, I'd like to fine tune one of my pages (Independent Study). On my cover page I have this transparent background with white text, like the image below. I would like to carry this over to my "Independent Study" page. I don't seem to find any editing option in site styles to help me enable this. At the moment this is how it looks like. I have the issue of not seeing the text clearly when hovering over the text. I used a portfolio section with Hover : Background layout. Any help would be great. I don't mind if the text has individual transparent backgrounds. Web: osman-b-zaman.squarespace.com Pass : PASS700 Kind Regards
  5. For some odd reason it worked when I manually typed in the section id instead of copying and pasting it in.
  6. Thx works wonders. Slightly tweaked the values in green. //Fit on Mobile Portrait// @media screen and (max-width:767px) { .gallery-fullscreen-slideshow { height: 23vh !important; } } //Fit on Mobile Landscape// @media screen and (max-width:767px) and (orientation:landscape) { .gallery-fullscreen-slideshow { height: 90vh !important; } }
  7. Thx tuanphan, I can confirm this works. I tweaked the height value from 30vh to 23vh to see more of the image. The only problem I can see is when you rotate the phone to landscape view it crops from both sides vertically. Like the image below. How would I proceed to have it show uncropped in the landscape view as well?. Kind Regards
  8. Hiya!, I've finished completing my website for the desktop view. I'm happy with how it is. My only issue is the mobile view. I'm using slideshow:full on my desktop on pages "Professional & University" when viewed on mobile the slideshow is cropped. I'm also using hover in and out effects in the Design>Custom CSS using the code below. //Zoom In Smooth// .gallery-fullscreen-slideshow-item img:hover{height:100%!important; width:100%!important; transform:Scale(1.15); overflow:hidden!important; transition-duration:3s} .gallery-fullscreen-slideshow-item{overflow:hidden!important} //Zoom Out Smooth// .gallery-fullscreen-slideshow-item img { transition: .8s ease;} Can someone please advise how I can fix this issue on the mobile view?. How do I fit the slideshow to the extent of the screen?. Or if possible disable mobile view altogether. Site:https://osman-b-zaman.squarespace.com Pass: Aries Kind Regards
×
×
  • 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.