Osman01
Member-
Posts
13 -
Joined
-
Last visited
Osman01's Achievements
-
Osman01 reacted to a post in a topic: Bouncing scroll down indicator in Squarespace 7.1?
-
creedon reacted to a post in a topic: Hide banner cards on specific pages?
-
Thanks!
- 5 replies
-
- banner
- background
-
(and 1 more)
Tagged with:
-
Osman01 reacted to a post in a topic: Hide banner cards on specific pages?
-
Osman01 reacted to a post in a topic: Custom CSS for rounding the corners of the card in a banner slideshow
-
Osman01 reacted to a post in a topic: Hide banner cards on specific pages?
-
Thx, is there a workaround without upgrading to business plan?
- 5 replies
-
- banner
- background
-
(and 1 more)
Tagged with:
-
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
- 5 replies
-
- banner
- background
-
(and 1 more)
Tagged with:
-
Osman01 reacted to a post in a topic: Portfolio - Layout Hover:Background - Change text colour and add transparent background.
-
Osman01 reacted to a post in a topic: Portfolio - Layout Hover:Background - Change text colour and add transparent background.
-
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
-
For some odd reason it worked when I manually typed in the section id instead of copying and pasting it in.
-
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; } }
-
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
-
Osman01 reacted to a post in a topic: Slideshow:Full on mobile view is cropped. How to fit image on screen?
-
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