Elisabethh
Member-
Posts
14 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Elisabethh
-
Help with custom CSS code for Lightbox
Elisabethh replied to Elisabethh's topic in Customize with code
Just actived Lightbox on first the images as shown in attached screenshot. URL: https://pale-studio.com/2301-wald-fabrics Would like to modify the following: - No title / text (at all) on Lightbox images - in the 'Light version': being able to adjust the color (#d3d3d2) and transparency of the background (slightly seeing through the original site) - Being able to modify the size of the lightbox - placing the 'close' cross on the right top of the image, instead of the right top page - being able to zoom in the image (as in some web shops) Many thanks! -
Help with custom CSS code for Lightbox
Elisabethh replied to Elisabethh's topic in Customize with code
Dear Tuanphan, the page was inactive as I was building it. Here is it, uploaded and finalised: https://pale-studio.com/2301-wald-fabrics Many thanks! -
Dear all, I am looking for custom css code on which I could modify the Lightbox effect in Squarespace: - in the 'Light version': being able to adjust the color (#d3d3d2) and transparency of the background (slightly seeing through the original site) - Being able to modify the size of the lightbox, and center it on the page - placing the 'close' cross on the right top of the image, instead of the right top page - being able to zoom in the image (as in some web shops) (website: www.pale-studio.com) Many thanks for your precious help! Elisabeth
-
Hi Ziggy, let me clarify. For example on our webpage (www.pale-studio.com), you click on 'projects' on the above right menu. It links you to the first page (Biennale) of mentioned 'projects'. When scrolling down, at the end of the page, I would like it to jump automatically to the second page on the 'Projects' menu (Bagatelle), and so on. This would avoid visitors having to return to the drop back menu each time. Ideally, the same would apply to the other drop down menus: Textiles, Services, About etc. Hoping this is more clear with this example?
-
Hello @tuanphan I have a similar inquiry. I tried some of the above custom code, but it wouldn't work. on my website: www.pale-studio.com, in MOBILE view, I would like to achieve the following: - adjust mobile menu background color to #d9d2ca (it should stay transparent on desktop viewing). - Adjust mobile menu functioning to drop down, instead of a horizontal 'next page' - mobile menu: possible to adjust the two >> arrows for another icon? For example, just one arrow, up or down?
- 29 replies
-
- hamburger-icon
- menu
-
(and 2 more)
Tagged with:
-
Fantastic, many thanks! This was exactly what I was looking for. Last request: it is possible to have the entire text invisible (on .Index-gallery-item-content) for Mobile view? See image below (it doesnt look very nice). Thanks again!
-
Thank you Tuanphan, the effect of the transparency works very well. (https://pale-studio.com/ > scroll down to 'Uono' section) I have temporarily added a text. Would it be possible for it to only show upon hover? Plus, i would like to exclude this effect on the Mobile version, since this effect wouldn't properly work. Many thanks for your help! So much appreciated.
-
Hi Tuanphan, here you go: (overview of home page construction _ gallery sections, plus simulation of effect I would like to achieve (text on hover with white background, slight transparency). Hopefully this is more helpful.
-
Hello all, I am struggling with a similar issue. I am trying to obtain the following: - on Index Page, Gallery: on hover > Image Overlay with white overlay, 0,4 transparency - on Index Page, Gallery: Show title + text on hover Webpage: https://pale-studio.com/ Looking forward to your anwers, Elisabeth
-
Member 1 Posted August 20, 2021 @tuanphan Were you able to figure out a solution to make the overlay white (transparent) instead of black? I am having the same issue