- This topic has 3 replies, 2 voices, and was last updated 5 years, 2 months ago by
.
Hello,
we really like the hover effect you find on the search result page template like this (https://www.effegibrevetti.com/?s=roto&post_type=product) the “move to me” and “move away” thing.
We just remove the vertical movement with:
.blog-list .post-item .post-container{
top:0px;
}.blog-list .post-item .post-container:hover{
top:0px;
}- How is the “move to me” motion obtained? We’d like to standardize the layouts in order to reproduce that effect here: https://www.effegibrevetti.com/cat/horizontal-fittings/. We looked into old threads and found this one for example, try to use the transition code on .sh-portfolio-archive .sh-portfolio-item .sh-portfolio-content-container but it doesn’t work. Yellow pencil is not helping neither.
- Also: we have hidden the sidebar from the search layout template (https://www.effegibrevetti.com/?s=roto&post_type=product), is there a way to put the remained content in 3 columns and full layout (like this:https://www.effegibrevetti.com/cat/horizontal-fittings/)?
Thank you for support
EG
Solution for this topic
Hi EG,
I hope you are well today and thank you for your questions.
How is the “move to me” motion obtained? We’d like to standardize the layouts in order to reproduce that effect here: https://www.effegibrevetti.com/cat/horizontal-fittings/. We looked into old threads and found this one for example, try to use the transition code on .sh-portfolio-archive .sh-portfolio-item .sh-portfolio-content-container but it doesn’t work. Yellow pencil is not helping neither.
You can achieve it by adding the following CSS code in the Custom CSS code option of your theme on the below path.
Admin Area -> Appearance -> Theme Settings -> Custom Code -> CSS Code
.sh-portfolio-archive .sh-portfolio-item:hover .sh-portfolio-content-container { box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.06); bottom: -4px; } .sh-portfolio-archive .sh-portfolio-item .sh-portfolio-content-container { transition: 0.3s all ease-in-out; bottom: 0; }Also: we have hidden the sidebar from the search layout template (https://www.effegibrevetti.com/?s=roto&post_type=product), is there a way to put the remained content in 3 columns and full layout (like this:https://www.effegibrevetti.com/cat/horizontal-fittings/)?
To achieve this, you have to develop custom code in the child theme of Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://ivorysearch.com/custom-work/
Best regards,
Shufflehound teamThank you very much!
EG
You are most welcome here 🙂
