CherryTree

Thank you!

This worked perfectly, thank you so much!

Anyone have any idea how to customize just the hover color for these buttons?

I have a course in list view (not yet live), and I'd like to make it so when someone is looking at the course overview, the lesson and chapter hover effect is a 1px black border. Not sure what the css is for this since I can't tell what the command text is, so help appreciated!

I want it so when users click, say, the brown wood vanity, it will show and replace the other vanities where the other vanities won't show at all. Right now you can see that it shows, and I don't want that. I want the same for the other categories as well. Ultimately, I want it to be that a person chooses multiple categories of items - wallpaper, a vanity, a mirror, a light, etc. - and all show, but the alternatives in each group do not show.

I finally figured it out! //image collage outline// .sqs-block-image .design-layout-collage .image-card { border:1px solid #000 } .sqs-block-image .design-layout-collage .image-card { background:#f2f1ec!important; } That gave me a card background that matched the webpage background, so that I would have some solid overlap. But if you want the entire caption background to be transparent, just replace the background hex code with transparent.

I'm trying to make the collage text look like the attached photo for all of them. It's for my blog, so it's classic editor. Each blog post has 8-10 photos and is ongoing, so it will not work to do it block by block. I found a tutorial that almost works, but it's assuming that the caption be larger than the photo (which I don't want), and something in it is broken and makes the image disappear anyway. The almost-code is here: https://insidethesquare.co/squarespace-tutorials/collage-image-borders I need something like that in that it applies to all the blocks universally, but it needs to look like the attached photo instead.

But won't that just be for a specific block? I want to have it for all blocks like that, because there are too many and I don't have the time to specifically target each one.

https//www.cherrytreeinteriordesign.com

I would like to make the cards (not the images) have an outline when I use image:collage. I don't want to do this block by block; I want code that will make all of them have that outline. Any ideas?

Any progress? I really do appreciate you trying to figure it out!

You can find it at https://www.cherrytreeinteriordesign.com/image-choice-test-page PW: testpagepassword Thank you!

I don't think this will work. I don't want to randomly flip through images on the press of a button. I'm attaching a video of the page as it is stacked right now. As you can see from the video, I have an image of a blank room. Then I have options stacked on it, like wallpaper and bathroom vanities. I want to be able to show at least three options for each category (three wallpaper options, three vanities, etc., but possibly more. I have images of the items on the side with the button over them, so that people can click the picture and change the option. I would like it so when someone clicks a wallpaper option, that option shows on top of the blank room but not the other wallpaper options. Same with the vanities and any other categories I add. But I need the selected item in each category to show, not just one thing out of all of them. The idea is that people can choose the items in the room and see them together to see what they would look like together in a room. In the original code, it almost did what I needed, but it only allows me to show one button choice because of the .fe-block: not(#button01) code. I was thinking I could name the buttons #wallpaper 01, #wallpaper02, #wallpaper03, #vanity01, #vanity02, etc. to keep it clear? But I still don't know how to make it allow one item to show for each category. Is there a way to adjust the .fe-block: not(#button01) to something that only eliminates specific buttons instead of all of the others? 674a6665-ad17-476a-bfe4-ebcb0447fbbf.webm

Any chance you figured out how to do this?

Not a gallery - I want to stack different images together so that depending on what buttons are used, it shows different items in a room. So it would have an image of a blank room, then three different images of wallpaper on the walls that you could choose from and show only one, and then three different images of beds where you could show only one, etc. When one of each set is shown, it looks like a fully decorated room.

I really appreciated this, because I am trying to create a page in which people can flip between different furnishing options and "see" what they would look like in a room. My question is, how would this code be adjusted to allow for multiple buttons to be set at the same time? For example, if I have three options each for the categories bed, dresser, wallpaper - I want to allow a person to choose and show one in each category at the same time. Thanks!

Did you ever figure out how to do this? I would like to do the same thing on my site.

Awesome, what code does that?

Site URL: http://www.cherrytreeinteriordesign.com I'm wondering if there is a way to make a simple list with cards and make the cards themselves clickable to another page (I use 7.1). I'm aware you can add buttons, but I don't like the way they look. I want it to look more or less like the attached picture. Thanks!