NicoleDagnyx
Member-
Posts
7 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
NicoleDagnyx's Achievements
Level 2 (2/20)
0
Reputation
-
Code to change radius of shape corners
NicoleDagnyx replied to NicoleDagnyx's topic in Customize with code
That's perfect thank you!! I was definitely missing bits of that -
NicoleDagnyx reacted to a post in a topic: Code to change radius of shape corners
-
Code to change radius of shape corners
NicoleDagnyx replied to NicoleDagnyx's topic in Customize with code
https://orange-calliope-t6c4.squarespace.com/ Page: About us Password: dottydot @tuanphan The corners I want curved are different for desktop and mobile as you can see from the images. -
Surprisingly I figured it out 😂 Here's the code I used if anyone is interested! @media screen and (max-width:767px) { .gallery-masonry .gallery-masonry-item img { height: 100%!important; width: 100%!important; } .gallery-masonry .gallery-masonry-wrapper { columns: 2; column-gap: 20px; padding: 0px; height: auto!important; display: block!important; } .gallery-masonry-item-wrapper { height: auto!important; } .gallery-masonry-item { position: relative!important; padding-bottom: 20px!important; transform: none!important; width: 100%!important; display: block; } }
-
I've created the below code to change the radius of an image on a website I'm building and it's worked perfectly! @media screen and (max-width:767px) { #block-yui_3_17_2_1_1697485376162_9705 img { border-top-left-radius: 20px; border-bottom-left-radius: 0px; border-top-right-radius: 20px; border-bottom-right-radius: 0px; } } My problem is that I'm new to code and I want the same code but for a rectangle shape. 'img' is for image in the code, what would it be for a shape? Thank you
-
Customised Testimonial Carousel - needs code update
NicoleDagnyx replied to NicoleDagnyx's topic in Customize with code
https://orange-calliope-t6c4.squarespace.com/ and it's on the home page. By current set up I'm not sure what you mean but these are the settings of the carousel I've chosen. -
I'm trying to create a testimonial carousel for my client's website. In all honesty I'm very new to code but I'm eager to learn! This is what I want to achieve: This is where I'm at currently: The code I've currently put together is this: a { text-decoration: none !important; } .list-item-content{ padding:4rem; background:#F3F7FE; border-radius: 20px; margin-top:-25%; margin-bottom:5% } @media only screen and (min-width:640px){.user-items-list-carousel__media-container{transform:translate(-2rem); }} .user-items-list-carousel__arrow-icon-background-area { opacity: 0!important } .user-items-list-carousel__arrow-icon-path { stroke-width: 2px } Can anyone help me understand how to adjust the code to achieve this?
-
Did we find a solution to reducing the gap in the first column when landscape images are used? @tuanphan This is what the mobile version of the masonry gallery looks like. I'm really happy with it except for the gaps in the first column. This is the code I've used: @media screen and (max-width:640px) { figure.gallery-masonry-item { width: 50% !important; } figure.gallery-masonry-item img { width: 100% !important; } .gallery-masonry-item-wrapper { height: auto !important;} figure.gallery-masonry-item { float: left !important; transform: unset !important; position: initial !important; padding: 10px!important; box-sizing: border-box; } } Can anyone help me further with this?