Studio_Marius
Circle Member-
Posts
16 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Studio_Marius
-
Hey I'm having the same issue, but I don't understand what I need to change to fix that. I've tried above but nothing really works. www.mariusmarius.com I've created a redirected domain name www.mariusmarius.com.au this works tho. but the main not.. 😕
-
Change image hover gif in portfolio Grid
Studio_Marius replied to Studio_Marius's topic in Customize with code
Thanks a lot, it work beautifully ! -
Hello, I've tried to code 3 line in a slideshow caption however the one where it's "View Project -> " is cutting, it's missing the bottom. I can't seems to figure out how to change that. Thanks a lot. My website is: www.mariusmarius.com PW: Merci Here is the code: ///// COLLECTION GALLERY /// body#collection-66346ab43ec2d25a614f33e7 { figcaption.gallery-caption.gallery-caption-fullscreen-slideshow { top: 80%; left: 0; text-align: left; max-width: 93%; color: white; } figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * { font-size: 30px; } .gallery-fullscreen-slideshow { margin-bottom: 0px !important; } /* mobile size */ @media screen and (max-width:767px) { figcaption.gallery-caption.gallery-caption-fullscreen-slideshow * { font-size: 20px; }}} ///// /* Ensure white space preserves line breaks */ .gallery-caption-content { white-space: pre !important; } /* Style the first line of the caption */ .gallery-caption-content::first-line { font-size: 1.75rem; letter-spacing: 0!important; } /* Add a line break after the first line */ .gallery-caption-content::after { content: "\A"; /* Add a line break */ white-space: pre; /* Preserve line breaks */ } /* Style the second line of the caption */ .gallery-caption-content::after { font-size: 1rem; /* Font size for the second line */ content: "Second line"; /* Example content, replace with your own */ } /* Add a line break after the second line */ .gallery-caption-content::after { content: "\A"; /* Add a line break */ white-space: pre; /* Preserve line breaks */ } /* Style the third line of the caption */ .gallery-caption-content::after { font-size: 1rem; /* Font size for the third line */ content: "View Project → "; /* Example content, replace with your own */ display: block; /* Display the third line as a block element */ padding-bottom: 10px; /* Adjust the spacing between lines */ }
-
Hello I'm trying to have a gif on hover in my portfolio grid. I've tried the code below, but I still have issues. here is my website: https://www.mariusmarius.com/projects /// GRID HOVER // /*general setting for second image*/ section[data-section-id="6649142bd6eacf1c975b0064"] .grid-item .grid-image:after { content:''; display: block; width: 100%; height: 100%; position: absolute; z-index: -1; background-repeat: no-repeat; background-size: contain; background-position: center center; } section[data-section-id="6649142bd6eacf1c975b0064"] .grid-item:hover .grid-image-inner-wrapper { opacity: 0; } /*set url for each item*/ section[data-section-id="6649142bd6eacf1c975b0064"] .grid-item:first-child .grid-image:after { background-image: url('https://static1.squarespace.com/static/662c9dff3e082112d79c9bd6/t/665fc11d1914c865b4bc0abf/1717551425705/KAKTUS.gif'); } section[data-section-id="6649142bd6eacf1c975b0064"] .grid-item:nth-child(2) .grid-image:after { background-image: url('https://static1.squarespace.com/static/662c9dff3e082112d79c9bd6/t/665fc11d1914c865b4bc0abf/1717551425705/KAKTUS.gif'); }
-
Hi Everyone, Will it be possible to have my menu split like below (aligned left and right from the screen full width) but split from the logo. See below, for now I managed to achieved the split, however the link are not aligned on full witdh. I tried some code but didn't work yet. Also I think my links are a bit off horizontally from the logo, can I adjust this? Thank you so much /* Fullwidth header */ .Header-inner.Header-inner--top { max-width: 100%; } // SPLIT NAVIGATION .header-nav { position: absolute; top: 0px; bottom: 0; margin-top: 0!important; margin-left: 0px!important; } .header-nav-item:nth-of-type(2) { margin-right: 350px!important; } .header-title-logo a { z-index: 1000; position: relative; } .header-display-desktop .header-title { flex: 0 0 40% !important; z-index: 999999999; } My site: https://stingray-flamingo-lt4k.squarespace.com/ Pw: Marius
-
Custom Header button font + color
Studio_Marius replied to Studio_Marius's topic in Customize with code
Thanks a lot! -
Custom Header button font + color
Studio_Marius replied to Studio_Marius's topic in Customize with code
hi @bangank36 my website is www.studio-marius.squarespace.com Password: Marius -
Hello, I'm looking to custom the button from the header "free 20min call". I want to make different than other buttons I have on my website. I would love to change - color + font + size. If anyone could help me with this. Thanks a lot Mary
-
Different image for homepage desktop and mobile
Studio_Marius replied to Studio_Marius's topic in Mobile
Hello, I would like to change image, keep the text but put a different image for the mobile version. here is the site https://parakeet-fuchsia-mlnn.squarespace.com/ -
Hello everyone, I would like to add a different image on my home page for the mobile version. As the current image isn't working well with the overlay text. Is there any way to do this? I'm pretty new on Squarespace, happy to use some CSS code, if someone tell me how to do this. Thank a lot Mary
-
Different image for Home page Desktop and Mobile
Studio_Marius posted a topic in Customize with code
Hello everyone, I would like to add a different image on my home page for the mobile version. As the current image isn't working well with the overlay text. Is there any way to do this? I'm pretty new on Squarespace, happy to use some CSS code, if someone tell me how to do this. Thank a lot Mary