Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1165738
    sebagc
    Participant

    Hi Friends!
    I Hope not to bother!
    Im trying to create Posts for portfolio pages as the one in the following page:
    http://www.bolden.nl/cases/intoit-magazine

    Is it possible to make images to inserted in posts to be as wide as possible?

    http://www.sudgower.com/ladera-hotel/

    Thanks you very much in advance!
    Best regards!
    Sebastian

    #1165749
    sebagc
    Participant
    This reply has been marked as private.
    #1165941
    Rupok
    Member

    Hi there,

    Thanks for the credentials since it’s under construction. You can use this CSS :

    .single-post .entry-content.content img {
      width: 100%;
    }

    Hope this helps.

    #1166519
    sebagc
    Participant

    Thank you very much!!
    Best regards!

    #1166728
    Rahul
    Moderator

    You’re most welcome!

    Let us know if we can help with anything else.

    Thank You.

    #1168468
    sebagc
    Participant

    Hi Rahul!
    Thank you again!
    Is it possible that in mobile, the images of the content are fullwidth till the edge?

    Thank you!!!
    Best
    Sebastian

    #1168940
    Friech
    Moderator

    Hi Sebastian,

    The image on your portfolio post is already fullwidth. The pink color around it is embedded to the image, so there is no way we can remove that. Unless you crop your images.


    screenshot

    Thanks.

    #1169595
    sebagc
    Participant

    Hi!! Thanks! but that image corresponds to the reference, not my website.

    In my blog post, i have a similar image layout, but when in mobile, it still has some space at the sides.
    Please see at http://www.sudgower.com/ladera-hotel/

    And the attached screenshot.

    Thank you very much!

    #1169598
    sebagc
    Participant

    Sorry to bother again, can you also help me checking why when in a single post, the nav bar looses the background?(when scrolling down) its working fine in the rest of the site, though.
    Thank you very much in advance!!

    #1169901
    Christopher
    Moderator

    Hi there,

    The image file has this white background, see the attachment. You should edit image file.

    Please update JS code under Customize -> Custom -> JavaScript to :

    jQuery(function($) {
        $(window).scroll(function(){ 
            if($(window).scrollTop() >50) {
                  $('.x-navbar').addClass("x-navbar-solid");
            }else {
                  $('.x-navbar').removeClass("x-navbar-solid");
            }
        });
    });

    Hope it helps.

  • <script> jQuery(function($){ $("#no-reply-1165738 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>