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 I am using the boxed layout, with my category page as my home page https://critterscorners.com. Would there be anyway to lift them with shadow boxes?
Thanks in Advanced
Frank
Hi Hellzbellz
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
You might also need to install the SiteOrigin CSS Editor.
I’m not sure this would work for single product images as you already have a box around those images:
https://critterscorners.com/product/3-volt-lithium-battery-2-pack/
thank you worked well
Glad we could help :)
actually another question, can the category title be included on the shadow box and rounded corners?
You can try replacing our previous CSS rule with the following:
We have to adjust the padding and margin to make it work so it’s a bit more complicated than the previous option.
ok did that and now it’s back to just a flat page
Try changing that rule to:
That fixed it Thanks for all your help :)
Is there a way to just do this to the parent category page (home page)?
don’t know what caused this but since I added th shadow code m individual product page dosen’t work now :(
I removed the code and it still doesn’t work. I will try to disable the plugins and any else i can think of.
example page
https://critterscorners.com/product/sand-thermo-bird-perch-large/
Nevermind I disabled all my plugins I found the culprit. I was also able to re inable it all is well
also figured out how to do on home page is good. can just close topic
found out that the plugin WooCommerce Dynamic Gallery LITE & the custom css plugin I installed to just have the boxes on the home page don’t work together. so for now i just disabled the WooCommerce Dynamic Gallery LITE plugin (didn’t really need it)
Can I add a hover to this?
By hover I mean have the shadows disappear on mouse over
Hi Frank
You can fix/change this with some custom CSS. If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.
You might also need to install the SiteOrigin CSS Editor.
hi,
Thanks for the quick reply
The code works but it removes the whole box is there a way to just have it remove the shadow and leave the box? Sort of making it look like the box is being pressed
Try changing both the rules to:
oooh works!! tyvm :)
Great news :) Thanks for the update.