#130245 blog magazine

Landing Forums Jupiter WordPress Theme blog magazine

Viewing 18 posts - 1 through 18 (of 18 total)
  • Author
    Posts
  • Sergio Torres

    Hi. Is it possible put title and subtitle a bit up so they are aligned with the thumb on the right and shorten the space between news on the left so that block is aligned with the highlight news on the left? Thank you

    Nodari Support Team

    Hi there

    Sergio this css will work:

    .mk-blog-magazine-item.magazine-thumb-post .item-wrapper {
        padding: 0px 5px 0 20px !important;
    }
    .mk-blog-magazine-item.magazine-thumb-post .the-title {
        margin-top: 0px !important;
    }

    Not clearly get which block you want to move and where 🙂

    Sergio Torres

    Perfect

    Nodari Support Team

    You are welcome Sergio 🙂

    Sergio Torres

    Hi. Client wants this component to have letter spacing of zero. He also wants it on the product loop text on the homepage. He wants all site not to have letter spacing above zero. How can i change that? Thank you

    Amir Rather Support Team

    Hi There

    So in short the Letter Spacing of all the text needs to be Zero?

    Regards

    Sergio Torres

    yes please but in elements that i can’t change directly on jupiter

    Nodari Support Team

    Hi Sergio

    “He wants all site not to have letter spacing above zero” – This code can set letter spacing 0px to all of your elements on the site:

    * {
        letter-spacing: 0px !important;
    }

    Hope this helps

    Sergio Torres

    Hi. Sorry. Only saw this now. Thank you. This client wants to remove those on over on the blog posts thumbnails. How can i do that? Thank you again

    Mohsin Al-Rabieai Support Team

    Hi Sergio,

    Do you mean the hover color over the blog posts on your blog page? If yes, you already set the overlay color, and if you remove it the effect will be removed. Please check my screenshot.

    Bests

    Sergio Torres

    That’s jupiterx. can you show me in jupiter6 please?

    Mohsin Al-Rabieai Support Team

    Hi Sergio,

    My bad. Sorry for the mistake. Here is the CSS that you need to turn of the image overlay effect when the mouse hover on the blog posts of your website:

    .mk-blog-spotlight-item .featured-image .image-hover-overlay {
        opacity: .5  !important;
    }

    You can adjust the value between 0 to 1 to have the desired result. Since the default value is 0.5, I forced it to stay on 0.5 on mouse hover and it will actually remove the effect for you.

    Bests

    Sergio Torres

    Hi. I tested but the on over is still there. I tested also 1 and 0 without the effect needed which is no effect on over.

    Mohsin Al-Rabieai Support Team

    It is working on this page right now after I added the CSS in Jupiter -> Theme Options -> Advanced -> Custom CSS:

    Are you willing to happen on any other page?

    Bests

    Private
    Sergio Torres
    This reply has been marked as private.
    Mohsin Al-Rabieai Support Team

    Hi Sergio,

    For this website, you need this CSS:

    
    .mk-blog-container .featured-image:hover .image-hover-overlay {
        opacity:  0 !important;
    }
    .mk-blog-container .featured-image:hover .post-type-badge {
        opacity: 0 !important;
    }

    Bests

    Sergio Torres

    Perfect. thank you

    Mohsin Al-Rabieai Support Team

    You are most welcome 🙂

Viewing 18 posts - 1 through 18 (of 18 total)
You must be logged in to reply to this topic.
Login