daniellenoakes
Member-
Posts
108 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by daniellenoakes
-
Hi there, i'm having problems with one of my images now not overlapping a section when it was previously working fine. I have an overlapping section on scroll, and I had to put this code in to try and fix it on safari, however its broken the image that overlaps a section. this is the code i used: //scroll fix on safari// #collection-654e313a06a72d166fd08685 { .page-section:not(section[data-section-id="654e536ec8f805233fc2a996"]) { z-index: 99999!important; } } is there a way to adapt this code to make the image overlap again? https://www.annajonesbridal.co.uk/home-new
-
change list carousel arrows icons into text / words
daniellenoakes replied to daniellenoakes's topic in Customize with code
yes please! 🙂- 11 replies
-
- carousel
- list-summary
-
(and 1 more)
Tagged with:
-
change list carousel arrows icons into text / words
daniellenoakes replied to daniellenoakes's topic in Customize with code
any luck or info on this?- 11 replies
-
- carousel
- list-summary
-
(and 1 more)
Tagged with:
-
thanks @tuanphan, however it's still glitching out on safari even with that added in!
-
Forced sizing to mobile website for iPad portrait
daniellenoakes replied to asa's topic in Customize with code
any luck with this? I feel like this is a huge problem for so many people. ipad portrait is a b**ch and i feel like it should be mobile view AS STANDARD. Surely there must be a bit of code that can be utilised across multiple different websites to enable this functionality as standard practice ? i'm desperate to know how! -
Hey @tuanphan This code appears to glitch in safari, is there a reason do you think for this ?
-
thank you this partly works so happy to tick it off! really appreciate your help
-
so it was: www.annajonesbridal.co.uk/gallery - blue carousel (second one on page near the bottom) HOWEVER you probably cant see the problem any more as I have cheated and adjusted the mobile arrow styling on the squarespace colour styling tab already! i made the background of the arrows blue then lowered the opacity on the colour tab, and then made the arrows white. They are smaller than the rest of the arrows on the site and a little bit thicker but im okay with it tbh at this point! the code would still be useful though if possible ❤️
-
Hey @Ziggy i'm just having a little problem on safari where a black box appears around the content when you interact with the carousel, is there a way to hide this or alternatively cheat and change the colour of it to pink to hide it ?
- 17 replies
-
- carousel
- list-summary
-
(and 3 more)
Tagged with:
-
This is happening to me also but only on safari! www.annajonesbridal.co.uk/home-new
-
Heyy, is there a way to change the pagination arrows on carousels to text instead ? I would like the arrows to be replaced with the words - prev - next with the hyphen in the middle. is this possible ? www.annajonesbridal.co.uk/home-new
- 11 replies
-
- carousel
- list-summary
-
(and 1 more)
Tagged with:
-
nothing short of a genius, once again @tuanphan I can't thank you enough!!!!!
- 9 replies
-
- navigation
- mobile
-
(and 1 more)
Tagged with:
-
<script> $(document).ready(function(){ // Danielle Noakes Photography $('.fe-block.fe-block-ef35e5cfca728e4a7896 h4').click(function(){ $('.fe-block-yui_3_17_2_1_1700218883919_79119').show(); $('.fe-block-664c85065e3dd8beae5f').hide(); $('.fe-block-yui_3_17_2_1_1700218883919_89095').show(); $('.fe-block-e946d00316d1668d7a5c').hide(); }); // iel beauty $('.fe-block-yui_3_17_2_1_1700218883919_84895 h4').click(function(){ $('.fe-block-664c85065e3dd8beae5f').show(); $('.fe-block-yui_3_17_2_1_1700218883919_79119').hide(); $('.fe-block-yui_3_17_2_1_1700218883919_89095').hide(); $('.fe-block-e946d00316d1668d7a5c').show(); }); }); </script> <style> @media screen and (min-width:768px) { .fe-block.fe-block-664c85065e3dd8beae5f { display: none; } .fe-block-e946d00316d1668d7a5c { display: none; } }} </style> <style> .fe-65576dfbfe21dd44b1c2d058 h4 { cursor: pointer; } </style>
-
that worked great thank you so much! did you know what would work to customise the hover and active states of those links? ive tried a few different approaches but no luck
-
Typewriter & delete effect? TypeIt or something similar
daniellenoakes replied to SheriM's topic in Customize with code
bloody amazing thank you so much!!! -
i used this code: section[data-section-id="655d10390525957a1bcce67f"] .list-item-content__text-wrapper>* { max-width: 80% !important; }
- 5 replies
-
- summary-block
- custom-css
-
(and 1 more)
Tagged with:
-
i used this code: section[data-section-id="655d10390525957a1bcce67f"] .user-items-list-simple .list-item-content { height: auto ; width: 100%; } section[data-section-id="655d10390525957a1bcce67f"] .list-item-content__text-wrapper>* { max-width: 100% !important; } section[data-section-id="655d10390525957a1bcce67f"] .user-items-list-item-container .list-item-content__title {text-align:center!important;}
-
i used this adapted code instead from @inside_the_square and it seems to be working now: section id taken from the section you want to be sticky, so the effect is that the next section underneath scrolls / overlaps the first section section[data-section-id="6553bddea684286457fd7144"].page-section { position: sticky!important; top: 0px!important; z-index:0; }
-
@tuanphan www.annajonesbridal.co.uk/home-new
- 9 replies
-
- navigation
- mobile
-
(and 1 more)
Tagged with:
-
I'm so annoyed i had this code working perfectly, but i had to remove it to edit something then forgot to put it back, now i cant get it to work again!!! please could you help? all the layering is messed up on scroll www.annajonesbridal.co.uk/home-new www.annajonesbridal.co.uk/weddings
-
Announcement bar immobile when header sticky on scroll?
daniellenoakes replied to Jmontison's topic in Customize with code
no luck! i tried that with: transition: ease out 0.3s; but didn't work either