Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hi there,
So far I really enjoy working with your plugins.
However, my boss really wants me to achieve this lightbox feature with the images I put up.
The page is https://lasertechnic.ch/products/
Where I would like to have either a mouse over effect, or being able to click and open it to see better whats on the images. Kind of like we have it on our old webpage http://www.felastec.ch/produkte.htm
I also tried adding some CSS but cant seem to get it right.
.page-id-25 .entry-content sow-slider-image-container
{
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-ms-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
}
.page-id-25 .entry-content sow-slider-image-container {
-webkit-filter: brightness(50%);
-moz-filter: brightness(50%);
-ms-filter: brightness(50%);
filter: brightness(50%);
}
Is this possible with the Hero image or do I need to go through another option?
Best Regards
Hi Felastec,
This is possible with the SiteOrigin Hero widget with some custom CSS. With that said, I personally would use the SiteOrigin Image widget instead. I’d like to help you with this, but unfortunately, this is beyond the scope of the support we’re able to offer on our free forums. There is a fair amount of custom work involved.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.
Hi Alex,
I just purchased the Premium subscription.
Can you please help me?
Hi Felastec,
Please add the following CSS to WP AdminAppearanceCustom CSS:
.widget_wp_posts_carousel .wp-posts-carousel-image img, .widget_wp_posts_carousel .owl-item:hover .wp-posts-carousel-title { -webkit-transition: all 250ms ease-in-out; -moz-transition: all 250ms ease-in-out; -ms-transition: all 250ms ease-in-out; transition: all 250ms ease-in-out; } .sow-slider-image:hover { transform: scale(2); z-index: 101 !important; } .sow-slider-base:hover , .sow-slider-base ul.sow-slider-images:hover , .sow-slider-base ul.sow-slider-images li.sow-slider-image:hover { overflow: visible; }How does that look?
You might also need to install the SiteOrigin CSS Editor.
As you’re a premium user, you’re entitled to priority email support. If you would like to make use of that, please follow the instructions found on your Page: Dashboard (please refer to the support tab). Please reference this thread and include your SiteOrigin order key in the email.
Hi Alex,
Thanks heaps. Looks awesome!!!