-
Posts
281 -
Joined
-
Last visited
Reputation Activity
-
abibacon got a reaction from aquidos in REVEAL IMAGE ON HOVER AND LIGHTBOX
Hey @aquidos, that's awesome! Unfortunately this wouldn't be achievable without custom code. Here's a plugin called Expanding Panels, whilst it doesn't match the design of the site you linked, it is a similar effect. (Affiliate Link)
-
abibacon reacted to DianeEliz in How to code in a colour for linked text that is used as a button
Hello Abibicon - thank you so much, I will give that a try.
-
abibacon reacted to DianeEliz in How to code in a colour for linked text that is used as a button
Actually - found it!
Website / Pages / Website Tools...
-
abibacon reacted to Keelytyler in Can't get CSS to apply custom font to all headings
Thanks @abibacon! That worked!
-
abibacon reacted to Callan in Need some code to remove text from members site paywall
Amazing, thanks @abibacon
-
abibacon got a reaction from tuanphan in Sub Categories in Navigation
Hey @kaydotjpg, Will-Myers has just released a plugin to add sub items to dropdown folders. It's called Nested Menu Dropdowns.
Note: The link provided is an affiliate link, if you click through and make a purchase I will earn commission at no cost to you.
-
abibacon got a reaction from Matt-W-Urst in Using code in a trial-site – which plan is right for me?
Hey @Matt-W-Urst, in order to use the Code Injections areas or the Code Block you need a Business plan or higher. However depending on the code you're using in the Code Injection area's you may be able to add it into a Markdown block and place it in your footer.
-
abibacon got a reaction from tuanphan in Changing a shape with css
Hey @catalienne, you can adjust the below CSS to rotate the shape block and add a border radius.
.sqs-shape.sqs-shape-rectangle { border-radius: 10px; transform: rotate(20deg); }
-
abibacon got a reaction from Aurora in Add "move up a little" hover effect for images
Yep, we can add a transition property
.summary-v2-block .summary-item:hover { transform: translateY(-10px) !important; transition: 2s !important; }
-
abibacon got a reaction from Aurora in Add "move up a little" hover effect for images
Hey @Aurora, try the below CSS for the summary block
.summary-v2-block .summary-item:hover { transform: translateY(-10px) !important; }
-
abibacon got a reaction from tuanphan in How do i create a hamburger menu WITHOUT my cart disappearing?
Hey @thestonedathomemom, try using this code below
.header .header-burger { display:flex; } .header-nav { display:none; } .header--menu-open .header-menu { opacity: 1; visibility: visible; }
-
abibacon reacted to tuanphan in How to add accordion element to all products in store
If you want to use one accordion for all products, just add it into Site Footer, then we can give code to move accordion into all products
If you want to use different accordions on different tags, you can use plugin recommend by @abibacon
I wrote a quick guide to apply this plugin, you can check here
-
abibacon got a reaction from Ziggy in Adding anchor links to Navigation Bar on Header
Hey @avotoast check out this tutorial on Anchor Links by Will Myers.
-
abibacon reacted to Ziggy in Removing Negative White Space from above/below Header
Can you share your website URL?
It looks from the screenshot that you have the vertical padding in the header settings set too large, but also this could be caused by having a logo with too much negative space around it.
-
abibacon got a reaction from tuanphan in Change Accordion Icon
Hey @kaydotjpg, try this CSS
.accordion-icon-container div { visibility: hidden; } .accordion-item .accordion-icon-container::after { content: '●'; position: absolute; transform: translateY(-25%); }
-
abibacon reacted to VisualNotes in Attempting to create a gallery that updates across all pages that it resides on
I just purchased the plugin that @abibacon suggested and I absolutely recommend it, it can even be installed when on personal plan and works perfectly!
-
abibacon got a reaction from VisualNotes in Attempting to create a gallery that updates across all pages that it resides on
Hey @pastelmonarch, Will Myers has got a great plugin where you can create a section once and then use it in multiple places on your site. This will automatically update all of the instances of the section. Plugin - Section Loader Supreme (This is an affiliate link).
-
abibacon got a reaction from tuanphan in How to Hide Previous and Next Controls when I click on Gallery Blocks
Hey @ryanmariehelfant, sorry for the delay, have been off for Easter.
Try this Custom CSS
#projectPages .project-controls { display: none; }
-
abibacon reacted to tonyhauptphoto in how to remove the top & bottom margin of summary galleries
Great. Works! Thanks a lot and have a beautiful day!!
-
abibacon reacted to qingyanzhu in How to Change Clickable Text Appearance When Mouse Hovers Over?
Amazing! This is exactly what I want. Many thanks!
-
abibacon got a reaction from Ziggy in Styling Reel Slideshow Arrows
Hey @SummerKateDesigns, check out Will Myer's Slider Pro plugin for the ability to autoplay. (This is an affiliate link).
-
abibacon got a reaction from tuanphan in remove space under footer
Hey @girltime, if you can share a link to your site I can take a look for you.
-
abibacon reacted to Ziggy in Hiding blog item meta wrapper on one of two blogs
I've amended the code here:
<style> .blog-item-wrapper .blog-item-author-date-wrapper, .blog-item-wrapper .blog-meta-item--categories { display: none !important; } </style>
-
abibacon reacted to Ziggy in Customise Testimonial Slideshow
You won't be able to achieve this with the testimonial block, it's too simple.
I would suggest designing it using a List section to allow for the horizontal scrolling, but if that's not enough, then designing each testimonial as a section, and using a plugin like this to achieve the scroll:
https://www.will-myers.com/products/p/sliding-image-banner
-
abibacon reacted to tuanphan in How do I hide a single image in a gallery block on mobile?
Add to Design > Custom CSS
/* Hide last image mobile */ @media screen and (max-width:767px) { [data-section-id="61afc5bfd7b2e570686fbc6a"] figure:last-child { display: none; } }