-
Posts
25 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by BrownKatUK
-
Disable click thru link on summary block 7.1
BrownKatUK replied to ColeH_design's topic in Customize with code
Hi - solved it by using <style> .summary-item { pointer-events: none !important; } </style> -
Disable click thru link on summary block 7.1
BrownKatUK replied to ColeH_design's topic in Customize with code
Hi - I've used this code on https://brightstarz.co.uk/preteen-workshops - it the workshops are still clicking through. I'd prefer to change it page level rather than using CSS and targeting the block. I'd welcome any suggestions. Thank you. -
Adding a bookmark icon for Apple touch products
BrownKatUK replied to lavender0lilacs's topic in Customize with code
Hi - I am trying to do the same thing on 7.1 with a basic account. Can anyone help. I've tried the Squarespace instructions referenced above using a code injection instead but it did not work. Thank you! Photos of what shows up now and the favicon I would like to appear insteads. -
@tuanphan Thank you again for once again coming to the rescue and having a good look through the site for where it could be improved. 1. Trustees - fine with this. 2. Yes, reducing the space between text and vertical lines would be great. 2b. I also added text to make sure the text did not run off the left and right side and that seemed to stop working as well when viewed Incognito but on the CSS page it works great. @media screen and (min-width: 640px) and (max-width: 1200px) { body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(odd) .quote-block .sqs-block-content { transform: translate3d(0,0,0); } body:not(.sqs-edit-mode-active) .col .timeline-event:nth-child(even) .quote-block .sqs-block-content { transform: translate3d(0,0,0); } } 3. This one I thought I had solved by using the following code in CSS. When I view in the CSS window it looks great but then it seems to stop working. I don't think it likes the opacity I've added to the end of #f2f2f2. When I remove that it seems to work although it blocks out the image completely. // main image mobile // @media (max-width:640px) { [data-section-id="609aa62a18656e56660631b2"] .content-wrapper { padding-top: 0px; padding-bottom: 0px; background-color: #f2f2f260; margin: 6.6vmax; }} 4. Yes if the FAQ / Resources and Contacts could be centred and also the social media links that would be great. 5. Yes, increasing the width of the summary boxes on tablet would be great. 6. Yes, stopping the left hand text and right hand icons from cutting into two lines would also be ideal. 7. Yes to reducing the space around the home page quote on tablet. 8. Yes, for improving the way the text breaks on tablet. Maybe getting it to stack? 9. Yes, I think a scroll bar at bottom of this page would be a good idea. 10. I think this is okay as is. 11. I fixed this - thanks for pointing it out. Thank you again!!!
-
Site URL: https://triangle-keyboard-t5hz.squarespace.com Hi - I am changing increase the overlay opacity on the top image on mobile only. This is the code I am using without success. @media screen and (max-width: 640px) { [data-section-id=“609aa62a18656e56660631b2”] .section-background .section-background-overlay { opacity: 0.3; }} If anyone can tell me what I am doing wrong that would be great. I am getting a syntax error on the [data.. ] section. Thank you. Password: WLAC
- 7 replies
-
- mobile
- background
-
(and 1 more)
Tagged with:
-
@bangank36 thank you so much for your help with the timeline. That worked! RE: the jquery suggestion. Would I do this in the settings / advanced / code-injection and do you suggest moving line 3 in the header (<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>) to the top and removing line 3 in the footer <script src="https://code.jquery.com/jquery-3.5.1.js"></script> all together? Just want to understand so I don't mess it up! Thank you again
-
Site URL: https://triangle-keyboard-t5hz.squarespace.com/history Hi - I purchased the timeline plugin from @squarepaste and it is working well except on smaller Ipad-size screens where the text is running off the left and right sides and hence not readable and at the same time the spacing on either side of the timeline is too big. I can't seem to get ahold of anyone at Squarepaste which isn't great and I think it's a pretty easy fix but I don't want to go messing with their code... what I want to do is reduce the space on either side of the time line and make the whole thing more responsive on Ipads. It works great on a regular desktop and on mobile. Thank you! Site above. Password WLAC
-
Site URL: https://cowbell-star-rc9y.squarespace.com/ Hi - I am building a simple site with two blogs (one about books and the other about recipes) on the blog summary page I want the books to be a 2:3 vertical image size and the recipes to have 1:1 size images. The styling seems to copy over from the other blog and I don't want this. I know I can use a summary block as a work around but I would rather be able to style each page separately. I've tried to target the section using .data-section-id="608aac8d53f5b35b10544d95" then .blog-basic-grid .image-wrapper img and then I get stuck!! Any help most welcome. I am still quite a newby. site password: katherine Thank you!!
-
Hello. I have a yellow hover in my nav bar and in my footer I want a grey hover. This is the code and it doesn't seem to work. I am getting a hover in the footer but it appears to be a pale yellow. Any help is greatly appreciated. Here's the code that I am using for the nav and the footer /* Remove 'Featured' Heading from Summary Block Carousel */ .sqs-block-summary-v2 .summary-block-setting-design-carousel .summary-heading { display: none;} /* remove underline on nav */ .header-nav-item--active a { background-image: none !important; } /* Nav item hover color */ .header-nav-item a:hover { color: #ffd54f !important; } /* Nav item active color */ .header-nav-item--active a { color: #ffd54f !important; } /* Footer Link - Normal */ .footer a { color: white; } /* Footer link - Hover */ .footer a:hover { color: #424147 !important; } /* Footer Link - Active */ .footer a:active { color: #424147; } p a { background-image: none !important; }