-
Posts
20 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by caminada
-
-
On 6/9/2024 at 1:08 AM, creedon said:
Upon further thinking I think I have a better way than my tracking thought.
First remove any CSS related to moving the...
Alig Grossküchen historias culinaricas
...text block. Make a copy somewhere.
Please see the following.
This code will allow us to move the previous mentioned text block into a spot where CSS can be applied to attach it to the bottom of the section.
Replace the example settings provided in the code with the following.
'.fe-block-yui_3_17_2_1_1704746352505_1283' : { selectorDestination : '#page .page-section:first-child', action : 'append', // value is append, prepend or replace // selectorParentDestination is optional, use when you want to first // find a selector destination but then work up the ancestor hierarchy // to manipulate it selectorParentDestination : '[enter selector parent destination here between single quotes replacing square brackets]', // selectorCopy when true will make a copy of the source element and use // it instead of the actual selectorSource. value is false or true sourceCopy : false, },
Finally we need some new CSS to style the text block.
.fe-block-yui_3_17_2_1_1704746352505_1283 { bottom : 2vh; left : 2vw; position : absolute; }
Let us know how it goes.
Dear @creedon, thank you very much for your code. I tried to understand and install it but didn't achieve the effect, sorry for that. Anyway, the client changed again their requirements, for now no need that effect any more.
May I kindly ask another help for with this website. When the /home page is loading, the slideshow gallery images loading too short in one time which gives a flash feeling. I hope to slow down the images showing process like a fade-in effect. Could you help me with that? Many thanks!
Link: https://gardenia-collie-ekrp.squarespace.com/
-
On 6/6/2024 at 10:51 PM, creedon said:
I think it is possible but would require JavaScript to track where the bottom of the section is and use those values in CSS to adjust where the block is.
I know of no code that currently does this and of course you'd need the business plan or above.
Dear @creedon, thanks for helping. We will take the business plan. May I ask for the code to achieve that? then I will install it and go online soon. Thank you!
-
12 hours ago, creedon said:
Set up your grid and block like the following. The grid should be 5 rows.
Add the following to Website > Pages > Website Tools > Custom CSS.
[ data-section-id="6509cad63cf1952454595522" ] { padding-top : 0 !important; } .fe-block-yui_3_17_2_1_1704746352505_1283 { position : fixed; bottom : 3em; }
This is for v7.1 and specific to the poster's need.
Let us know how it goes.
kindly ask, if possible only fix it on the corner of the first section, not on the screen corner.
I hope it always keep the same distance to the first section's bottom, and the position is adaptive browser size
could it be understood?
thank you!
-
Hi @creedon, may I ask how I can place one text block in the full-screen section middle right, and another bottom left (fixed position to screen bottom)?
my link: gardenia-collie-ekrp.squarespace.com
Great thanks!
-
On 5/30/2024 at 12:34 PM, tuanphan said:
Something like this? (I haven't adjusted mobile video yet)
https://tuanphan3.squarespace.com/video-loading-effect-desktop-mobile?noredirect
pass: abc
dear @tuanphan
May I ask how to install the same as you did? it looks already great!
-
On 5/30/2024 at 12:34 PM, tuanphan said:
Something like this? (I haven't adjusted mobile video yet)
https://tuanphan3.squarespace.com/video-loading-effect-desktop-mobile?noredirect
pass: abc
dear @tuanphan
YES! and if could only load once per day if viewer doesn't clean the browser data?
After video played ONE TIME FULL if could fades out to the home page? instead of hiding to left.
Last question is if can put a white close button X on top right in case anyone wants to click it away
GREAT THANKS!
-
@tuanphan Hi,
May I kindly ask if there is any possible way to create a splash screen OR landing page plus an ENTER button by using the below video for a website? and only load once if doesn't reload the browser.
The web link: https://gardenia-collie-ekrp.squarespace.com/
Splash screen on desktop: https://static1.squarespace.com/static/65099e4b0bacc94c32040af8/t/6654c936503f41361bd58f01/1716832574197/ALIG+-+Website+video_9_1920x1080.mp4
Splash screen on mobile: https://static1.squarespace.com/static/65099e4b0bacc94c32040af8/t/6654c936d2a5c95ff33ea625/1716832579419/ALIG+-+Website+video_10_1080x1920.mp4
Many thanks in advance!!
-
17 minutes ago, caminada said:
Pls help me as well, 3 of my websites all not showing correctly on Chrome. thank you!
https://www.schauenstein.ch/reservierung
https://www.mammertsberg.ch/reservierung
I used this to correct it, if anybody has a better solution pls share!
thanks
-
Pls help me as well, 3 of my websites all not showing correctly on Chrome. thank you!
https://www.schauenstein.ch/reservierung
https://www.mammertsberg.ch/reservierung
-
On 1/27/2023 at 8:27 PM, notthatguru said:
Hi Camianada, what did you place in the SRC? did you just copy this? and where did you place the link of your logo?
Hi Notthatguru, I create a link for my logo png by uploading to Design > Custom CSS > Manage Custom Files
then I modify the href link and logo src link with Tuanphan's code.
-
On 11/18/2022 at 1:35 AM, sayreambrosio said:
@Leodxb This is what I use. Works a treat.
If you want to see how it looks here's the form I use it on. It's a long form so just scroll to the very bottom. https://queenoftaboo.com/author-interview-form
Hi, may I ask how can I make the upload area style like yours instead of a simple button? thanks in advance!
-
On 11/4/2022 at 10:04 PM, tuanphan said:
Add this to Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<a class="second-logo" href="https://google.com"><img src="https://cdn.pixabay.com/photo/2021/07/09/06/57/lavender-6398425__480.jpg"/></a>').appendTo('.header-display-desktop .header-actions.header-actions--right'); }); </script> <style> a.second-logo img { max-width: 70px; } a.second-logo { margin-left: 2.5vw; } </style>
May I is there a way to have it applied on mobile also? Thank you.
-
On 11/4/2022 at 10:04 PM, tuanphan said:
Add this to Code Injection > Footer
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> $(document).ready(function() { $('<a class="second-logo" href="https://google.com"><img src="https://cdn.pixabay.com/photo/2021/07/09/06/57/lavender-6398425__480.jpg"/></a>').appendTo('.header-display-desktop .header-actions.header-actions--right'); }); </script> <style> a.second-logo img { max-width: 70px; } a.second-logo { margin-left: 2.5vw; } </style>
Thank you very much!
-
@tuanphan all code not working to my site
may I ask the help to add the JavaScript code for adding a second clickable logo on the header right? next to the social icons' right.
The website link is https://www.pizmagazin.ch/.
thanks in advance
-
On 1/28/2022 at 4:43 PM, tuanphan said:
This require JavaScript code. If you share link to your site, we can test & give exact code
Hi Tuanphan, May I ask your help about the JavaScript code for adding a second clickable logo on the header right? next to the social icons' right.
The website link is https://www.pizmagazin.ch/. If you can help that would be amazing! Thank you!
Position image at the bottom of a section
in Customize with code
Posted
@creedon Hi, just want to let you know, about my gallery flash issue already found the solution at the end of the tutorials. Many thanks!
https://www.will-myers.com/articles/how-to-slow-down-the-fade-transition-in-a-squarespace-gallery-slideshow