-
Posts
49 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Posts posted by badidea
-
-
16 hours ago, Web_Solutions said:
See the image. Replace the marked code with the code bellow
Thank you for finding that section ID!!!
Below is the updated code I'm using. Now it looks great, perfect, exactly what I wanted, but only when you preview it in the developer console in Chrome. Attaching screenshot. However, in the live, regular, view of the site, it's still showing the section background attaching. Me and ChatGPT have been going at this for hours and nothing seems to work to make that section background transparent at 2560+ in the actual live site 😭
body {
background-image: url('https://static1.squarespace.com/static/65d14f421e24d15f45e9a66a/t/66e0f177d2fd9a21b7627d95/1726017911292/ps-fw24-splash-v1.jpg');
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-attachment: fixed;
}
@media only screen and (min-width: 2560px) {
[data-section-id="66dd3488a9094a10cd3a8c94"] * {
background: transparent !important
}
[data-section-id="66dd3488a9094a10cd3a8c94"] .section-background {
display: none !important;
}
} -
Site URL: https://www.nell.love/
I'm attempting to disable the background image applied to the only block on this page for screens over 2k/2560. This is the page
I can't seem to figure out the block ID to target it. I've tried using the Squarespace ID finder and just trying every ID I could find in inspect but can't seem to get it right.I want to do this because the block background feature looks great on 1920/mobile but I've loaded in a custom image in CSS and set it as a background for 2k+ screens. So that's why you can see 2 background images on the larger screens right now. I need to target and disable the block background on the 2k screens.
Can you help me figure out the block ID???
Here's my image code
u/media (min-width: 2560px) {
body {
background-image: url('https://static1.squarespace.com/static/65d14f421e24d15f45e9a66a/t/66e0f177d2fd9a21b7627d95/1726017911292/ps-fw24-splash-v1.jpg');
}
And the background disable code (with a ID that doesn't work)/* Disable background image on screens larger than 2560px */
@media only screen and (min-width: 2560px) {
#yui_3_17_2_1_1725773568462_2208 {
background-image: none !important;
}
}
-
On 11/4/2022 at 3:56 AM, tuanphan said:
Use this new code
@media screen and (min-width:992px) { .header-title-nav-wrapper { flex: 1 1 50%; flex-direction: row-reverse; } .header-title { flex-grow: 1; flex-shrink: 1; } .header-nav { flex-grow: 0.5; flex-shrink: 1; padding: 0 !important; } .header-title-logo { text-align: right; } .header-display-desktop {flex-direction: row-reverse;} .header-nav { text-align: right; } }
Just wanted to tell you that you beat out ChatGPT on this one...thanks!
-
I want to have Vimeo videos autoplay in a slideshow gallery block. Any help is much appreciated!
Page
https://blioux.com/art-direction
Sample video
-
38 minutes ago, Web_Solutions said:
Add these code on Custom CSS panel in Website > Utilities > Website Tools > Custom CSS.
[data-section-id="666686bb82a13d22fa124b73"] { .meta { background: transparent !important; } .meta-title { font-family: "Font Name Here"; font-size: 20px !important; color: red !important;; } }
THANK YOU!!!!!
-
I want to customize the rollover title in a slideshow gallery block.
I want to remove the transparent background and customize the font/size/color.
I've tried just about everything, thanks!
-
On 10/31/2022 at 8:46 AM, joseph81 said:
Hi. I wrote recently a blog article about implementing a tarot card random show when clicking on a button. Maybe it helps.
https://www.ui-workarounds.com/random-tarot-cards-on-a-click-of-a-button-using-svg-sprites/
Thanks for this! I think I got it worked out but this article is amazing!
-
11 hours ago, bangank36 said:
It means that every time when user access this special page, it will show only one random image (in total 36 cards, right? Have you consider the solution when user click on this button, it will render directly on the current page the random image?
This requirement needs javascript to randomize your images. Therefore, you need at least the business plan. What is your current one?
Hi, yes I have the business plan on this site. And yes, displaying the card on the same page as the button would work great! I'm attaching a rough mockup. Thank you!!
-
I want a user to click a button that takes them to a page that has a randomized image either as a background or in a single image gallery. It is used to simulate a tarot card reading. When you click the button you get a new card that tells your fortune. There are 36 possible cards.
Need help identifying block ID/Class to disable background image in block
in Customize with code
Posted