Home › Forums › Jevelin Theme › Need to change several style settings for my blog
Home › Forums › Jevelin Theme › Need to change several style settings for my blog
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
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 team
Thanks! 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 🙂