- This topic has 5 replies, 2 voices, and was last updated 8 years, 8 months ago by
.
Hello, I’d like to do the following on my company’s blog, but am not sure how. Can you please provide some help? Thanks
- I want to remove all of the hover effects that happen when a user hovers their mouse over an individual blog post. Right now, hovering over the post causes a zooming effect, blue color overlay on the image, color overlay on the title text of the post and the whole post “bounces” up and down.
- Want to move the breadcrumb navigation at the top of the page to the left instead of being right-aligned.
- When I click in the search box, it highlights blue, making it difficult for the user to see the text they’re typing. I don’t want any effect here.
Solution for this topic
Hi @austind,
I hope you are well today and thank you for your questions.
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
body.blog .post-meta-thumb:hover .sh-overlay-style1 { opacity: 0; } body.blog .post-meta-thumb:hover img { transform: none; -webkit-transform: none; } body.blog .masonry-shadow .post-item:hover .post-container { box-shadow: none; bottom: 0; } .search-form.sh-sidebar-search-active .search-field:hover, .search-form.sh-sidebar-search-active .search-field:focus { border-color: #ddd!important; background-color: #fff!important; } div#breadcrumbs { float: left; }Best regards,
Shufflehound teamThanks! That was a huge help. Just one more question.
Can I remove the breadcrumbs from just the main page of the blog? I want to keep them when you click into the post, but it looks weird on the home page to have the blog title show up on the left and the breadcrumb show up on the right with the same text (see screenshot).
Thanks
Solution for this topic
Can I remove the breadcrumbs from just the main page of the blog?
Use the below custom CSS code to achieve this.
body.home div#breadcrumbs { display: none; }Thanks!
You are most welcome here 🙂
