Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1233262
    mahmoud237
    Participant

    I wany to change all my work pages to be blank ( No container – Header -footer )

    Here is how one of the pages looks now :

    http://www.sonmezselin.com/work/chesmate/

    I want to remove all the default things on it

    #1233266
    mahmoud237
    Participant
    This reply has been marked as private.
    #1233290
    mahmoud237
    Participant

    I make it blank by custom CSS

    .x-header-landmark {
    display: none !important;
    }
    
    .single .entry-featured {
        display:none;
    }
    
    .p-meta {
        display: none;
    }
    
    .single header.entry-header {
        display: none;
    }

    But I still to make it with no container … How can I do that ?

    #1233491
    Rupok
    Member

    Hi there,

    Thanks for writing in! You can add this CSS as well :

    .single-work .x-section .x-container {
      max-width: 100%;
      width: 100%;
    }

    Hope this helps.

    Cheers!

    #1233498
    mahmoud237
    Participant

    Thanks but that didn’t work

    #1233507
    mahmoud237
    Participant

    I updated the code to that.. it worked but the menu also becomes with no container :

    .single-work .x-container {
      max-width: 100%;
      width: 100%;
    }

    Also, I still want to remove the white default padding on top and bottom .. How can I do that ?

    ===========================================

    I want the work pages to be full width with no container .

    #1233628
    Rupok
    Member

    Hi there,

    Let’s use this code instead :

    .single-work .x-container {
      max-width: 100%;
      width: 100%;
    }
    
    .single-work .x-navbar .x-container {
      max-width: 1200px;
      width: 88%;
    }
    
    .single-work .x-container.offset {
      margin: 0 auto;
    }

    That will remove the white space as well.

    Cheers!

    #1233717
    mahmoud237
    Participant

    Great it worked but there is still top padding

    #1233732
    Prasant Rai
    Moderator

    Hello There,

    Thanks for writing in!

    You can add this under Custom > CSS in the Customizer:

    .single-work .entry-content.content {
        margin-top: 0 !important;
    }

    Thanks.

    #1233857
    mahmoud237
    Participant

    Thanks for your time and help … Worked perfectly 🙂

    #1234224
    Prasant Rai
    Moderator

    You are most welcome. 🙂

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