Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1206427
    andre1980
    Participant

    Hello,

    I have made the size of the blogpost smaller with this code:

    .single-post .x-main.left {
        margin-left: auto;
        margin-right: auto;
        float: none;
    }
    
    .single-post .x-sidebar {
        display: none;
    }

    I want to make some pages the same size like this? How do I do this with individual pages?

    Thanks,
    André

    #1206439
    Friech
    Moderator

    Hi André,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

    Cheers!

    #1206490
    andre1980
    Participant
    This reply has been marked as private.
    #1206557
    Paul R
    Moderator

    Hi Andre,

    For pages you can select full width as your page template.

    See screenshot – http://screencast.com/t/ihe9YFa0bH80

    Thanks

    #1206692
    andre1980
    Participant

    Yes, thank you. I know. But I want some pages (about 3) to be as small as the blogposts are. And to have them in the middle like the blogposts.

    How do I do this?

    #1206933
    Joao
    Moderator

    Hi There,

    Please select the template Blank Container Header Footer.

    Once you have done that provide a link to the pages you want to adjust the looking to be the same and we will help you format them.

    Thanks,

    Joao

    #1207311
    andre1980
    Participant

    Hello,

    I selected: layout – fullwidth, this because I want to have the title also.

    The pages I want to change:

    http://wieisgod.nl/alsjeblieft/

    http://wieisgod.nl/contact/

    http://wieisgod.nl/op-de-hoogte-blijven/

    http://wieisgod.nl/over-wie-is-god/

    I want them to have the same width as: http://wieisgod.nl/wie-is-god/

    Thanks.

    #1207727
    Rad
    Moderator

    Hi there,

    Hmm, a bit confusing. Do you prefer full-width? That’s because this one http://wieisgod.nl/wie-is-god/ isn’t full-width. It’s a bit confusing, would you mind clarifying? Is it full-width or box type like this http://wieisgod.nl/wie-is-god/

    Thanks!

    #1207737
    andre1980
    Participant

    No, I don´t want it fullwidth. I want to have the width as in: http://wieisgod.nl/wie-is-god/

    I want the next pages the width to be changed:

    http://wieisgod.nl/alsjeblieft/

    http://wieisgod.nl/contact/

    http://wieisgod.nl/op-de-hoogte-blijven/

    http://wieisgod.nl/over-wie-is-god/

    #1207812
    Rue Nel
    Moderator

    Hello There,

    Thank you for the clarifications! To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .page-template-template-layout-full-width .x-main {
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 60.536945%;
    }

    If you need anything else we can help you with, please let us know.

    #1207995
    andre1980
    Participant

    Almost. It makes all the pages smaller. The size is good. But I only want that size on the following pages:

    http://wieisgod.nl/alsjeblieft/

    http://wieisgod.nl/contact/

    http://wieisgod.nl/op-de-hoogte-blijven/

    http://wieisgod.nl/over-wie-is-god/

    The other pages I want to leave like it is.

    Thanks,
    André

    #1207996
    andre1980
    Participant

    The pages only have to be smaller for the next page-id´s:

    page-id-236
    page-id-228
    page-id-242
    page-id-232

    #1208033
    Thai
    Moderator

    Hi There,

    Please update the previous CSS to this:

    .page-id-232 .x-main,
    .page-id-242 .x-main,
    .page-id-228 .x-main,
    .page-id-236 .x-main {
        margin-left: auto;
        margin-right: auto;
        float: none;
        width: 60.536945%;
    }

    Hope it helps 🙂

    #1208069
    andre1980
    Participant

    Thanks Thai. It finally worked! Thumbs up!

    #1208083
    Thai
    Moderator

    Glad we were able to help 🙂

    If you need anything else please let us know.

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