#82162 Full Width Featured Image for Blog Post

Landing Forums JupiterX WordPress Theme Full Width Featured Image for Blog Post

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • Dan Scofield

    I’m trying to create a featured image that will cover the entire screen from left to right (1920px wide). I tried the standard template and the full width template but neither went fully side to side. I tried to do negative margins and that worked but then the desktop computer screen had a left to right scroll which I did now want. How do i do a one-off blog post where the featured image goes full width but has no left or right margin?

    Tatyana Hutsol Support Team

    Hello,

     

    Please add this code in Jupiter X > Customize > Additional CSS:

    .jupiterx-post-content.clearfix {
    padding-left: 20px;
    padding-right: 20px;
    }
    .single-post .container-fluid {
    padding-right: 0;
    padding-left: 0;
    }
    body .jupiterx-site {
    overflow-x: hidden;
    }

     

    Thank you.

    Regards.

    Dan Scofield

    That worked. Thx so much.

    One other question on this same blog post. I applied links to some images in the “caption” field which I’ve done many times in Jupiter 6. When I do that in Jupiter X it is adding a return before or after the link.

    What should look like this.

    The historic Old Talbott Tavern.

    Ends up like this on two lines.

    The historic
    Old Talbott Tavern.

    Here is the code in the caption field. (modified url for open forum question.)

    The historic Old Talbott Tavern.

    Dan Scofield

    Looks like it converted to actual html. Will try with a backtick and pre.

    The historic <a href="https://www.google.com/">Old Talbott Tavern.</a>

    The historic Old Talbott Tavern.
    Nodari Support Team

    Hi Dan

    Can you show me a live example of this problem? so, you want your text and link on the same ling right?

    Private
    Dan Scofield
    This reply has been marked as private.
    Private
    Dan Scofield
    This reply has been marked as private.
    Tatyana Hutsol Support Team

    Hello,

     

    Please add this code in Jupiter X > Customize > Additional CSS:

    .elementor-image-gallery .gallery-item .gallery-caption a {
    display: inline;
    }

     

    Thank you.

    Regards.

    Dan Scofield

    That worked. Thanks so much.

    Alexander Hutsol Support Team

    Hello,

    You are always welcome.

     

    Regards.

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