• Resolved Jessdelatorre

    (@jessdelatorre)


    Hi,

    I am currently using a theme called Jkreativ-lite.
    I wanna be able to have the pages in full width so the gallery will show larger.
    It originally comes with sidebar which I had removed.

    I tried once these steps: premium.wpmudev.org/blog/create-a-full-width-page-for-wordpress-in-5-simple-steps/ but I might be too dumb to make it work or it just didn’t work with the theme.

    Site: https://www.jessicadelatorre.com/the-portfolio/

    Thanks ??

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Jessica,

    I had the same issue, I modified the .php files. You want to make the change in two places if you want the width to expand for both posts and pages.

    For the pages, go to Appearance > Editor > Page Template

    Replace this:
    <div class=”pagewrapper fullwidth pagecenter withsidebar”>

    With:
    <div class=”pagewrapper widewidth pageleft withsidebar”>

    Also, for the “Sidebar” in the Editor, I removed all the code completely. Just be sure to keep a copy of all original code for those pages in case you need to restore them.

    CarmenLeahMcDonald.com

    Thread Starter Jessdelatorre

    (@jessdelatorre)

    Hi carmen2013
    It d′sadly didn’t work. ??
    After changing the code on Page Template, the pages appeared even thinner. And after removing the template/sidebar.php it didn’t affected at all the page width.

    Hi Jess,

    What web browser are you viewing the changes in? I was able to go to your site on FireFox, I used the web developer tool bar to edit/view code and it worked perfectly. Unfortunately I can’t send a screen shot through the forum. I’m tempted to think it’s a browser issue as to why it didn’t work.

    I don’t think the removal of the sidebar.php code makes an actual difference but I did it anyway.

    Thread Starter Jessdelatorre

    (@jessdelatorre)

    Hi Carmen,

    I am using Firefox and even checking the changes on Chrome just to see if there is a difference when I change the code.

    Today I tried your code again and it actually worked, I must have done something wrong last time coz it did the trick as you said, although it was not wide enough so I added:

    style="width:1200px;
    to
    <div class="mainpage blog-normal-article">
    witch ends up like this:
    <div class="mainpage blog-normal-article" style="width:1200px;">

    and changed “pageleft” to “pagecenter”
    it ended up looking like this:

    <div class="pagewrapper widewidth pagecenter withsidebar">
        <div class="pageholder">
    
            <div class="pageholdwrapper">
                <div class="mainpage blog-normal-article" style="width:1200px;">
                    <!-- article -->
                    <?php
                        if( have_posts() ) {
                            while(have_posts()){
                                the_post();

    Hope this helps somebody else.
    Thank you very much Carmen, ??

    Yay!!! Sweeet! So glad it worked for you. I came across your post looking for help with this same issue. Hopefully this is useful info for someone else.

    Cheers!
    -C

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to Full-width on pages’ is closed to new replies.