Need to change several style settings for my blog

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • 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

    1. 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.
    2. Want to move the breadcrumb navigation at the top of the page to the left instead of being right-aligned.
    3. 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.
    Attachments:
    You must be logged in to view attached files.

    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

    Attachments:
    You must be logged in to view attached files.

    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 🙂

Viewing 6 posts - 1 through 6 (of 6 total)