Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1212427
    jrerko
    Participant

    hi,

    is there any way to have images in the body of a blog post to be full width – to span from both the left and right edges? similar to what i can do with a page.

    also, do the changes have to be global, or can the change be applied to only one image/content element at a time?

    thanks!

    #1212428
    jrerko
    Participant
    This reply has been marked as private.
    #1212763
    Lely
    Moderator

    Hi There,

    Are you referring to the images inside the content of the post? Like the 3 images on this post:http://sixdayssevennights.com/new-orleans-voodoo-museum/? Unfortunately, that is not possible with your current setup. There’s a sidebar. We can’t make it fullwidth due to structure issues.

    #1213973
    jrerko
    Participant

    what if i were to make that post full width and eliminate the side bar?

    #1214232
    Lely
    Moderator

    Hi There,

    That might be possible with some custom CSS. If you want to proceed, it would be better if you can give us a screenshot of what you want to achieve so we can be specific in our suggestion. Thank you.

    #1335537
    rabbler
    Participant

    Ive been trying to find a way to do it.

    I just want all the text fields to be readable at the contact form down at
    http://notesonrave.ie/

    The “your message” one has the text invisible

    Id also like to centre align all the blog post contents on each one

    its to the left here

    http://notesonrave.ie/?p=1

    Id rather it be all centred and again cant find a snippet of custom css to do it.

    I have to hand it to you, Ive managed to totally revamp three websites in seven days with your theme and support!

    Much love

    #1335770
    Jade
    Moderator

    Hi there,

    Please add this code:

    
    .wpcf7-form-control {
        color: #444 !important;
        font-size: 15px !important;
    }
    
    .single-post .x-sidebar {
        display: none;
    }
    
    .single-post .x-main {
        float: none;
        margin: 0 auto;
    }

    Hope this helps.

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