#128390 Blog Spotlight changes

Landing Forums Jupiter WordPress Theme Blog Spotlight changes

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

    Hi. Is is possible on https://www.tenniscourt.tv/news/ in mobile to have 10px empty space between items? Also client wants the font smaller, because when the title is big the read more button go bellow and sometimes disapears. Thank you

    Mohsin Al-Rabieai Support Team

    Hi Sergio, please add this CSS in Jupiter -> Theme Options -> Advanced -> Custom CSS:

    @media handheld, only screen and (max-width: 767px) {
        .mk-blog-spotlight-item.four-column, .mk-blog-spotlight-item.one-column, .mk-blog-spotlight-item.three-column, .mk-blog-spotlight-item.two-column {
            width: 100%!important;
            position: relative !important;
            top: 0 !important; 
            left: 0 !important;
            margin-top: 10px; 
        }
    }

    It will add a 10px margin to the items in mobile.

    Regarding the font size change, you can actually set the font size on the shortcode settings itself. But if you wish to change it only for mobiles, you can use this CSS:

    @media handheld, only screen and (max-width: 767px) {
        body .mk-blog-spotlight-item .item-wrapper h3 {
            font-size: 18px !important;
        }
    }

    Anyway, this CSS will force the font size on the spotlite shortcode to change:

        body .mk-blog-spotlight-item .item-wrapper h3 {
            font-size: 18px !important;
        }

    Hope it helps 🙂

    Sergio Torres

    Hi. When i’m in this page https://www.tenniscourt.tv/news/ this is strange. Why does this happen? different size images? Also how can i put the page https://www.tenniscourt.tv/category/news/ the same format has https://www.tenniscourt.tv/news/? Thank you

    Mohsin Al-Rabieai Support Team

    Hi Sergio,

    When I’m on this page https://www.tenniscourt.tv/news/ this is strange. Why does this happen? different size images?
    The Jupiter theme uses the “BFI_THUMB” library to resize the images when you choose the “Resize and Crop” option in any shortcode. However, in case the images are hosted on a different domain, it can not resize them. I can see that the original images are hosted on this address:

    tennisworldusa.org

    While your website URL is: tenniscourt.tv

    If this is happening due to a website migration, you need to use the “Better Search and Replace” plugin to replace all the existence of the previous domain in every record of your database with the new domain and then clear the cache and it will resolve the issue.

    Also how can i put the page https://www.tenniscourt.tv/category/news/ the same format has https://www.tenniscourt.tv/news/?

    This URL: https://www.tenniscourt.tv/category/news/ is an archive page and you can’t design it with the current features of the theme. You need to either custom code to customize the archive pages in a child theme, or use any kind of “Archive template” plugins for WPBakery (we don’t officially support any of them since we didn’t test them), or create pages and customize as you wish, then redirect the archive pages to those customized pages using a 301 or 302 redirect rule or plugin.

    Anyway, if you one day decided to use Jupiter X theme instead of Jupiter, there is a theme builder feature that allows you to override the archive pages as well and you won’t have issues with it. Switching from Jupiter to Jupiter X requires recreation of the pages, so do it only if you believe it is worth the time for you.

    In case you need someone to do this customization (customizing the News archive pages, which is outside of the support scope), feel free to contact WPDone:
    https://wpdone.artbees.net/

    Best regards

    Sergio Torres

    Fixed. Thank you

    Mohsin Al-Rabieai Support Team

    Glad to hear that 🙂

    Bests

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