Huib

Hi, I managed to do it myself. As it is a link in the product description, i added the follow CSS the customize the styling of the link in this particular area: /* Product Link to button */ .ProductItem-details .ProductItem-details-checkout p a { background-color: black; color: white; text-decoration: none; padding: 10px 20px; display: inline-block; }

https://www.studioswoop.nl/hoofdborden/p/country-feast-set-3nybt-87s55 Password: !Uchtball0n

Hi, Is there anyone who can help me with the styling of a link in the productpage to a button. I have allready managed to remove the normal 'ad to cart' button and I would like to turn the 'stuur bestelaanvraag' link to a button which leads to a contact form. Thanks in advance.

Hi @tuanphan, it worked ! thanks a lot!

Hi @tuanphan. Thanks a lot !! I will try this one

Okay Thanks for your help anyway @tuanphan !!

Hi, I've made some progress by adding some css to set a different header logo for certain pages, but I don't manage to give it the right size to fit it well. I hope there is somebody who can help me to fit the image well. I'd like to have the second logo a little bit bigger, so the letter size is the same size as the original logo. Many thanks in advance. Original Logo: Logo replacement: URL of logo: Used CSS: <style> /* footer changes*/ section[data-section-id="6594764d466b82593e6b8a3e"] { display: none !important; } </style> <style> /* footer changes*/ section[data-section-id="65947861466b82593e6c21bf"] { display: none !important; } </style> <style> /* footer changes*/ section[data-section-id="65947837376727511792b4d2"] { display: none !important; } </style> <style> .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://images.squarespace-cdn.com/content/v1/6569f5f4c6270c44fe28fed3/8dd1a38a-9aee-4507-a014-25558223fab5/Swoop+headboards.png?format=1000w); background-size: cover; max-width: 700px background-repeat: no-repeat; background-position: center center; } </style>

Wauw @tuanphan, this is really helpfull. Is there a way to keep the original width of the image instead of the orginal heigth? Wish Current

Dear @Ziggy, do you think we can solve the thing above? in that way can create a real masonry grid like my gallery (screenshot) Thanks in advance

Hi @tuanphan, I'm trying to create a two column masonry view for my blog for mobile, is there way to help me? www.studioswoop.nl/blog key; !Uchtball0n thanks in advance

It's so helpfull, now i have to deal with the smaller images;

Thanks, getting really close, now we have the whitespace underneath

I didn't save it yesterday, I have it on right now. As you can see, on desktop I have the title shown in hover, on mobile it gets another position now and the images get a white border on top and bottom.

I did remove it. excuse me for that ;). If have put the code back on.

Hi @AlexSan , You're correct 😉 I'm still waiting on support. It's sticky now, but I don't know how to undo that. The footers on mobile are sticky, that's working correctly.

We are getting close @Ziggy! Only the images aren't closing now. Do you know if we can fix this with CSS?

Thanks for the reply @Ziggy, but this code changes te style of the Gallery. I want to apply the two row view on the blog page masonry view, can you help to change the code? Thanks

Oh I see, password; !Uchtball0n @Ziggy

Hi, Is it possible to show two rows on the blog page overview by mobile device? website: https://www.studioswoop.nl/blog Key: !UChtball0n

Hi, Is it possible te create a blogpage with only images and with a hover that shows the title of the blog? Something like this website: https://www.justinpolkey.com/ This website shows the images with one size, but on this website it needs to be masonry style. It needs to stay screen-wide too. Hope you can help me with this. Thanks in advance. link: https://www.studioswoop.nl/blog key: !Uchtball0n

Hi, That's because I haven't added a footer for desktop yet. I have added it now... As you can see I have different footersections, several for mobile (which should serve as navigation buttons) and one for the entire desktop website. But with the current CSS the desktop footer stays sticky too. In stead this one doens't stay sticky. Thanks in advance

Hi, I have a problem with making my second footer section sticky for mobile use. I have made two footer section, section 1 only visible for desktop use, section 2 only visible for mobile us. The desktop footer (section one) don't have to be sticky. Section two must be sticky. If I use this CSS, as mentioned in instruction video, the mobile footer won't stay sticky. Could you please help me? #footer-sections .page-section:last-of-type { position: fixed!important; width: 100%!important; bottom: 0!important; z-index: 99!important } /* Hide this on Tablet - Desktop */ @media screen and (min-width:768px) { [data-section-id="65908a58c056a6178ddb0923"] { display: none; } } // Hiding sections on mobile @media screen and (max-width: 641px) { section[data-section-id="659091cc44189d1cbbceb870"] { display:none !important; } } Footer { border-top: 1px solid ; } Website: www.studioswoop.nl key; !Uchtball0n Thanks