Okay
  Public Ticket #259570
Problem with Full Width Section in Blog Post (Ascend)
Closed

Comments

  • Massimiliano started the conversation

    Hi, i'm using the last version of the theme Salient with Ascend Theme Skin.

    I have a problem with Full Width Section Width (Full Width Content) in the Blog Post. Instead everything is working properly in the portfolio item.

    This is an example in a Portfolio Item, where the Full Width Section works fine

    http://www.maxalbani.it/wordpress2/portfolio/test-full-width-portfolio-item/

    The same content in a blog post isn't represented in the whole width of the page:

    http://www.maxalbani.it/wordpress2/test-full-width-blog-post.html/

    I think the problem is in the "margin-left: 90px" that in a blog post is not enough, is it a bug?

    Thank you

  •  8,839
    Tahir replied

    Hey!

    Could you please provide wp-admin login details in a private response so we can take a look . 

    Thanks


    ThemeNectar Support Team 

  •   Massimiliano replied privately
  •  8,839
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel :

    html body[data-ext-responsive="true"].single-post .container-wrap.no-sidebar #post-area {
        max-width: none !important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Massimiliano replied

    Thanks! It's ok

  • Bruno replied

    I add the css code into a post but nothing happens. I want my post widht and layout looks like the salient one

  •  8,839
    Tahir replied

    Hey Bruno!

    Please set the Extended Responsive Design on in Salient Theme Options -> General Settings.

    Thanks


    ThemeNectar Support Team 

  • Bruno replied

    That worked! Thank you!

  •  1
    haldugroep replied

    Hi, with wpbakery I have added a sidebar. But what I see is that the blog post is not full width, see attachment. Do you have a code to add to the single.php to make the post full width?

    Thanks

    Johan

    Attached files:  Schermafbeelding 2023-07-21 144841.png

  •  2,958
    Andrew replied

    Helllo again, 

    Thank you for reaching out to us.

    Could you confirm what version of the theme you're running? If you're using the latest version, you can adjust this as shown in the screenshot below.

    4291201026.png

    I hope that helps.

    Kind regards,

  •  1
    haldugroep replied

    Hi is not working. I did like you told me to do. It stays the same.


  •  2,958
    Andrew replied

    Hello again,

    Thank you for getting back to us.

    Could you share your site URL so we can check this out for you?

    Thanks,

  •  1
  •  1
    haldugroep replied

    HI Andrew,

    Hopefully you guys have a solution?

    Regards,

    Johan

  •  8,839
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    @media only screen and (min-width: 1000px){
        body.single-post #ajax-content-wrap .container-wrap.no-sidebar .post-area, body.single-post #ajax-content-wrap .container-wrap.no-sidebar .comment-list >li, body.single-post #ajax-content-wrap .container-wrap.no-sidebar .comment-wrap h3#comments, body.single-post #ajax-content-wrap .comment-wrap #respond, body.single-post #ajax-content-wrap #page-header-bg.fullscreen-header h1, body.single-post #ajax-content-wrap #page-header-bg[data-post-hs="default_minimal"] h1, body.single-post #ajax-content-wrap .heading-title[data-header-style="default_minimal"] .entry-title, .single-post .featured-media-under-header__content, [data-style="parallax_next_only"].blog_next_prev_buttons .inner {
            max-width: 100% !important;
        }
    }

    Thanks


    ThemeNectar Support Team 

  •  2
    William replied

    Hi! I'm experiencing a similar issue. I've highlighted in red the container (which doesn't even look centered with the rest of the page). I've attached screenshots of my settings as well as the link to the page. I would like the article to span the whole width of the page the same way my portfolio items do. 

    Post:
    https://williamhildebrand.com/article-1/

    Portfolio item: (how it should look)
    https://williamhildebrand.com/portfolio/textures-armored-finish/

    Can you support?
    Thx,
    will

    Attached files:  Screenshot 2023-09-26 at 21.33.23.png
      Screenshot 2023-09-26 at 21.26.05.png

  •  1,877
    Judith replied

    Hi William,

    Thanks for writing to us.

    How about you add the content in a row element then select the Full Width Conte Row Type:

    2462329035.png

    I hope this helps.

    Please let us know how this goes.


  •  2
    William replied

    Hi Judith,

    Thanks for the quick reply. 

    I had already tried that. Please refer to the second attachment in my previous message.

    Turning the row to full width content does help with spanning the content across the full page but a few other issues arise.
    —see here and details below: https://williamhildebrand.com/article-1/


    1. The content is not exactly centered (there's a margin or padding on the right of the page of approximately 25px
    —see here:

    2. The left/right container padding is not showing the same way as it is on this link below—which is a portfolio item (for reference, this is how I'd like it to look)
     https://williamhildebrand.com/portfolio/textures-armored-finish

    Are there specific settings in the theme which set the container width for a blog post or something? It seems like portfolio items have different settings when it comes to container width. 

    I've already tried playing with the settings in Salient > Blog > Single Post > Blog Content Width. I've put it to 1000px (the max) and then set the option below it to "Expand to edges of the screen". But it doesn't change anything. 

    Hoping you can support here :)



  •  8,839
    Tahir replied

    @William ,

    Please create a new ticket with your login credentials so we can respond accordingly.

    Thanks.


    ThemeNectar Support Team