AKN Posted August 6, 2023 Share Posted August 6, 2023 I would like to know if buttons can be added to each portfolio gallery image item, clicking on which redirects to the corresponding store page, for example. Can this functionality work simultaneously with lightbox settings on the gallery? (It is possible to add links to gallery items, which can link to any other page - but I want to retain the gallery as a lightbox-enabled gallery, instead of one where clicking the image does not enlarge image for better view but redirects to buy option). Link to comment
tuanphan Posted August 9, 2023 Share Posted August 9, 2023 Hi, This is possible. Can you share link to gallery page? We can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AKN Posted August 10, 2023 Author Share Posted August 10, 2023 Hi @tuanphan, Here's one portfolio gallery subpage: https://www.anerudhkannan.com/landing/landscapes Thanks for looking into this! Link to comment
tuanphan Posted August 12, 2023 Share Posted August 12, 2023 When you edit image >> it has an option to enter description, you can enter this syntax, then we can use CSS code to turn it to button. Something like this "The Plunge": Lower Yosemite falls plunging to its final destination. This intimate view of the waterfalls was accessible by scaling an off-trail ridge along the side wall of the mountain. <a class="view-more">View more</a> Then add this to Design > Custom CSS or Website > Website Tools > Custom CSS a.view-more { background-color: white !important; color: black !important; padding: 10px 20px !important; display: inline-block; margin-top: 10px; border-radius: 20px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AKN Posted August 12, 2023 Author Share Posted August 12, 2023 Thanks, this worked for the mobile version. What about for desktop screen? I am trying something with padding-top/bottom or margin-top/bottom. They did not work: .light-caption { width: calc(~"50% - 80px") !important; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; padding-bottom: -100px; } Link to comment
tuanphan Posted August 16, 2023 Share Posted August 16, 2023 On 8/12/2023 at 5:31 PM, AKN said: Thanks, this worked for the mobile version. What about for desktop screen? I am trying something with padding-top/bottom or margin-top/bottom. They did not work: .light-caption { width: calc(~"50% - 80px") !important; padding-right: 5px; padding-left: 5px; padding-bottom: 0px; padding-bottom: -100px; } Which image did you add the code? I can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
AKN Posted August 17, 2023 Author Share Posted August 17, 2023 Hi @tuanphan, I added it to the first image (black and white waterfall) in the Landscapes gallery. Link to comment
tuanphan Posted August 18, 2023 Share Posted August 18, 2023 On 8/17/2023 at 9:49 AM, AKN said: Hi @tuanphan, I added it to the first image (black and white waterfall) in the Landscapes gallery. You mean move text under image on desktop? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
TheVibe Posted April 10 Share Posted April 10 Is it possible to add Pinterset "Pin It" Button to portfolio images? Client would love it on all images including the portfolio images. I have the default button set but it's only on some images. Beyondspace 1 Link to comment
tuanphan Posted April 11 Share Posted April 11 11 hours ago, TheVibe said: Is it possible to add Pinterset "Pin It" Button to portfolio images? Client would love it on all images including the portfolio images. I have the default button set but it's only on some images. Unfortunately it only supports certain pages, you can consider replicating your portfolio page with your blog page TheVibe 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
TheVibe Posted April 18 Share Posted April 18 On 4/11/2024 at 4:00 AM, tuanphan said: Unfortunately it only supports certain pages, you can consider replicating your portfolio page with your blog page Ahh I see. They wanted the button to look like this https://amberinteriordesign.com/project/are-we-there-yet/ but on all pages. By chance do you know if I could style the button like this? I will let them know as far as the portfolio goes. Thanks Tuanphan! Link to comment
tuanphan Posted April 20 Share Posted April 20 On 4/19/2024 at 1:43 AM, TheVibe said: Ahh I see. They wanted the button to look like this https://amberinteriordesign.com/project/are-we-there-yet/ but on all pages. By chance do you know if I could style the button like this? I will let them know as far as the portfolio goes. Thanks Tuanphan! I don't see button. Can you take a screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted April 24 Share Posted April 24 On 4/23/2024 at 4:19 AM, TheVibe said: Hey, Here is a screenshot of the photo You mean change Pinterest default icon to a button like your screenshot? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
tuanphan Posted May 4 Share Posted May 4 15 hours ago, TheVibe said: yes! 😁 You can use this code to Website > Website Tools > Custom CSS. Replace Pixabay with your new image url. a.button.gallery-pinterest { background-image: url(https://cdn.pixabay.com/photo/2022/01/07/01/21/girl-6920625_1280.jpg) !important; background-size: contain !important; background-repeat: no-repeat !important; color: transparent !important; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
TheVibe Posted May 5 Share Posted May 5 THANKS @tuanphan I APPRECIATE YOUR ASISTANCE! You come through on other post when I'm searching for answers too. 😁 tuanphan 1 Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment