Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1250791
    JfantasyBooks
    Participant

    Hey there, Themeco Team!

    Name: JFantasyBooks
    Site: Fantasy-Books
    Site Url: https://fantasy-books.live
    WordPress Version: 4.6.1
    X Version: 4.6.4
    Cornerstone Plugin Version: 1.3.3

    Problem:

    The customizer, layout and design, changes the global view from boxed view to full-width. But I would like to make a single page full-width. But when using the page editor, it only does full-width by removing the sidebar. I can still see the background.

    Can you help me?

    #1251136
    Lely
    Moderator

    Hello There,

    Thanks for posting in. We can achieve this using custom CSS. Would you mind giving us the exact URL and a screenshot on what exactly you want to achieve?

    #1251157
    JfantasyBooks
    Participant

    So this is how my site looks now: https://fantasy-books.live/

    But I want to use css for one my pages to look like the second photo I have here: https://fantasy-books.live/fullwidth-vs-boxed-view-for-a-single-page/

    I have two to show you what the site looks now, and the second shows you what I want that particular page to have. (This page was used as an example. Not actual page).

    #1251200
    Lely
    Moderator

    Hi There,

    Thank you for sample link.
    Please add this custom CSS on Appearance > Customize > Custom > Edit Global CSS:

    .single.postid-4482 div#top {
        width: 100%;
        max-width: 1500px; /*Adjust this accordingly*/
    }

    That CSS will work exactly on this page:https://fantasy-books.live/black-titan/black-titan/

    Hope this helps.

    #1251306
    JfantasyBooks
    Participant

    1. Well, that post was as an example. I may use this kind of edit but it appears not to work with a page. Any changes that could be used for pages. Page Id: 7325

    2. I was more looking for what the result would be if you went to Appearance > Customize > Layout & Design > Site Layout > Fullwidth.

    That view is what I’m going for where the sidebars are also affected… etc. But only for this particular page

    Can you help me with this?

    #1251374
    Lely
    Moderator

    Hi There,

    1.)For a page, please use something like this:

    .page-id-7325 div#top {
        width: 100%;
        max-width: 1500px; /*Adjust this accordingly*/
    }

    2.) If you choose Fullwidth, it will affect entire site layout.

    I am not sure what you meant by the sidebars are also affected. Please clarify.

    #1251400
    JfantasyBooks
    Participant

    2. I mean I want to use FUllwidth but only for that particular page. That is all.

    – I do not mean the the layout in page attribute. That just removes the sidebar but retains the boxed site layout I mentioned in customizer above.

    What I am referring is to change the site layout to fullwidth like you see in my other site: https://fantasy-updates.live/ but for just a single page.

    #1251415
    JfantasyBooks
    Participant

    Actually, the first worked perfectly. I only worried about the background, but I can make do.

    Thank You for suffering through with me

    Thanks!!

    #1251468
    Paul R
    Moderator

    You’re welcome! 🙂

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