sastavangogh

Hey, I tried this and while it makes the bottom border white on the homepage, but it makes the bottom border become transparent on the other pages. Is there any way through CSS that I can retain the white border on homepage, and then change to black on the other pages? Please let me know. I can only include CSS code and not direct header injection.

Hey, I tried this and while it makes the bottom border black on the other pages, but it makes the bottom border become transparent on the homepage. Is there any way through CSS that I can retain the white border on homepage, and then change to black on the other pages? Please let me know.

Thank you, this fixed my issue!! 😄 Could you also help me out with the CSS code to keep the bottom border for the navigation links white on the homepage, and black on the other pages? Since the header text on the other pages is black and the background white, the bottom border is not visible.

@tuanphanis there any chance you would know how to fix the issue? Please let me know!

Site URL: https://www.aditya-sinha.com/ Hi, I have added Custom CSS to the Navigational Folder Links for the background, in-line display, and bottom border on hover. I can see the changes applied on my screen (screenshot attached), but when I check the website, the hover effect is not coming into effect (only the transparency is). Please help me figure why the css is not reflecting! Sharing the css i've put in so far for the drop down menu: body:not(.header--menu-open) .black .header-nav-folder-content { background-color: transparent!important; } .header-nav-folder-item a{padding-bottom:.2rem!important; display: inline-block!important; } .header-nav-folder-item:hover { ;a {border-bottom:1px solid #fff!important}; } Password: tester Thanks!!

Thank you, it worked! Is there any way I can also add a hover feature to underline the titles? Either through Custom CSS or site styles.

Site URL: https://www.aditya-sinha.com/ Hi! I needed help changing the background colour for the dropdown menu on my homepage. Ideally if I could remove the colour and add a hover, that would be great! Please do suggest any Custom CSS I can add for it. If not that, then if there's a way to reduce the width of the dropdown menu to the text and add a transparent background instead. @tuanphan if you could help, that would be wonderful. thanks! Password for access: tester

Hi @tuanphan, the guide does not seem to help. I've tried all options mentioned in the guide to the best of my abilities but it does not seem to work on the slideshow at the top of my homepage. Perhaps I am adapting the code wrong, let me know if you can help in any way to achieve that kind of parallax effect for the slideshow. Thanks!

Site URL: https://www.aditya-sinha.com/ Hi, I am looking to create a parallax effect (through Squarespace style options or Custom CSS) on the slideshow at the top of my homepage. Basically, when scrolling down on the page, I want the header to disappear first and then the lower section to come up (thus achieving a parallax/tilt up effect on the slideshow where it moves slower than the text on screen). I managed to add tilt up to other sections with an image background that gives the illusion of parallax but the same option is not available for Slideshows. If @tuanphanor anyone else can help me with the same that would be really helpful! No Javascript code injection please ☹️ Thanks again! Password for access: tester

Hi yes, even a hover-based CSS animations for the entire slide show block would be alright. I do not need to add an animation to individual slides. Do share any code you might have that could help with this please. Thanks!

thank you this fixed my issue!! 😄

Site URL: https://www.aditya-sinha.com/ Hi anyone, or @tuanphan,😄 I want to add custom css for parallax effect (or Tilt Animation) to the slide show on my home page (Paloma template, version 7.1). Please suggest how to do so without Javascript code injection; I can only include custom css. Password for website access: tester Please let me know how to do this!

Site URL: https://www.aditya-sinha.com/ Hi anyone, or @tuanphan hopefully, I am trying to add a code on top of the slideshow on my homepage in order for a scroll down indicator to show up. I tried it on a normal section and it worked, code used: <div class="scroll-down"></div> <style> .scroll-down { position: absolute; left: 50%; bottom: 10px; display: block; text-align: center; font-size: 100px; z-index: 100; text-decoration: none; text-shadow: 0; width: 30px; height: 30px; border-bottom: 4px solid white; border-right: 4px solid white; z-index: 9; left: 50%; -webkit-transform: translate(-50%, 0%) rotate(45deg); -moz-transform: translate(-50%, 0%) rotate(45deg); transform: translate(-50%, 0%) rotate(45deg); -webkit-animation: fade_move_down 4s ease-in-out infinite; -moz-animation: fade_move_down 4s ease-in-out infinite; animation: fade_move_down 4s ease-in-out infinite; } /*animated scroll arrow animation*/ @-webkit-keyframes fade_move_down { 0% { -webkit-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @-moz-keyframes fade_move_down { 0% { -moz-transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { -moz-transform:translate(0,10px) rotate(45deg); opacity: 0; } } @keyframes fade_move_down { 0% { transform:translate(0,-10px) rotate(45deg); opacity: 0; } 50% { opacity: 1; } 100% { transform:translate(0,10px) rotate(45deg); opacity: 0; } } </style> But I cannot seem to Insert a code on the slideshow. Any way I can sort this out? Password for access: tester