Full Width Pages Sparkling 2.0

  • zshann

    (@zshann)


    10 years, 6 months ago

    Hi,

    I’m not sure if I’m the only one with this issue or not but after updating Sparkling from 1.9.3 to 2.0 (And subsequently 2.0.1) I’ve noticed that full width pages are not automatically filling the full width of the page, they seem dependent on the elements within the page.

    So for example if I only have a small amount of text on a page with a picture next to it and the page itself is set to full width, the page will actually display as if its on the default style with a right side bar, only the sidebar is missing.

    This is also seems to happen with shortcode elements the don’t specify their width, and just use as much space as is available.

    For right now I’ve been kinda cheating and using a 1020×1 white image at the bottom of each full width post with this issue to correct it but its not optimal.

    I looked around in the new settings panel and looked through the readme a bit but wasn’t sure if I was just missing something or if its a legitimate bug.

    Any help is greatly appreciated, Thanks! 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • Kimberly

    (@amiga500)

    10 years, 6 months ago

    I’ve installed 2.0.1 (from 1.7.7 — hadnt updated in a while until a few days ago) and i have not seen the problem u are having. From your description it sounds like you have a HTML validation error! More specifically you might have an open <div> or a missing <div> … I know sparkling actually includes an extra close </div> done by footer.php for cases when the sidebar is not included but that is fine (i actually revised the authors code to check for the sidebar and strip out this extra </div> so my page could validate fully…that is what s/he should do but its not a big deal).

    Anyway, you should try W3C’s validation tool on your page and see how many errors (not warnings) pop up: http://validator.w3.org/

    You definitely should not need a 1020×1 image to accomplish that. That was only needed back in HTML 1.0 (ah yes, i remember having to resort to that trick back then). Today, css is a beautiful thing — everything is possible.

    If you need a hand just give me your link and also let me know the name of the image file (and exact location) of that 1020×1 on the page — i will be able to find it easily, but just in case of unexpected issues….

    motzik

    (@motzik)

    10 years, 6 months ago

    Hi there, i have a similar problem since the update… If there is no or a short content, the width is not full. here is a screenshot: http://fs5.directupload.net/images/151103/5rvq3buf.jpg

    Kimberly

    (@amiga500)

    10 years, 6 months ago

    Do u have a url i can have a look at? I would use Firebug to analyze your page to see what is preventing the width issue. Doesnt look hard to figure out.

    However, if you are like the other guy and too afraid to share such details simply just add an extra css rule like this either at the bottom of your style.css file:

    .container { width:100% }

    This will allow for the left content area and the right sidebar area to fill the entire page. I am only guessing here since my hands are tied and i dont have an actual page source to see. So if it doesnt work just realize it is only based on a hunch.

    Cheers
    Kimberly

    Thread Starter zshann

    (@zshann)

    10 years, 6 months ago

    Hi, Unfortunately I cant technically share a URL for mine because its an intranet on our internal network. (Medical Companies are grand.) I ended up just pulling 1.9.3 from GIT and rolling back to that for the time being.

    Though I’ll leave this open for motzik, because he might be able to share a URL for his page, or test the above.

    Thanks Kim!

    motzik

    (@motzik)

    10 years, 6 months ago

    Thanks for your help! Your CSS-Code is not working (.container { width:100% }) The Site is under construction at the moment, so i can’t share it.

    Free WP TP

    (@freewptp)

    10 years, 5 months ago

    Hi there,

    Sorry to hear of the problem you are having.

    I have tested it on my test site using latest version of Sparkling theme and it worked fine for me as shown in this screenshot http://i.imgur.com/Th4RGdd.png

    This can be due to plugin conflict on your site so please try temporary deactivating all plugins and see whether everything works fine and then enable the plugins one by one to see which plugin is conflicting if any.

    Kind Regards,
    Movin

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Full Width Pages Sparkling 2.0’ is closed to new replies.