Southern Listeners

Loading
Thanks to Greenlava for this cool gadget. Get yours here

Sunday, February 5, 2012

Maximize Post Width in Blogger Dynamic View

Before
After

Back to Dynamic View, yeah~.. So, a forum user asked me how to maximize the pop-up post pages in Blogger's dynamic view. Let's make this snappy.. Here's how.

Go to Dashboard --> Template --> Customize --> Advanced --> Add CSS --> paste the following code --> Press enter after the last character of the last line } --> Apply to Blog.
.overview-wrap{
max-width: 2000px !important;
}
 
.viewitem-panel .viewitem-content, .classic li.item, .article, .ss {
max-width: 1750px !important;
}

119 comments:

  1. Good trick.
    Is there a similar CSS code to make it with the PAGES?

    ReplyDelete
  2. I can't even get that pop-screan to appear with my blog. Blogger says the Lightbox won't work with Dynamic View.

    ReplyDelete
    Replies
    1. I don't think lightbox works with Dynamic View, but you aren't using Dynamic View template, so it should work in your blog. Let's sort this out in the forum.

      Delete
  3. hello
    At the picture above that you demonstrate the pages i can see advertisments on side. How i can add them?
    Thanks

    ReplyDelete
    Replies
    1. Hi Vasilis,

      I have AdSense in my blog, thus it automatically appears there. Try signing up for AdSense :)

      Delete
    2. can i do that with other adver services?

      Delete
    3. Well, you'd need a way to insert HTML code to the template. At the moment, there isn't a way to do that yet. Unless you wanna place ads in every single post, one by one (Paste your ad's code in HTMl view when you're composing a post.)

      Delete
  4. Hi there,

    I am currently creating a new blog using this new dynamic view interface, I followed up your instruction in how to remove certain views, and I ended up choosing just the snapshot view for my blog. I've changed the background colour to black but I cant seem to change the background colour of this pop-screen. Any tips how to do it? wanted to change teh default white to dark-grey

    ReplyDelete
    Replies
    1. Hi TopCat,

      Can I have a look at your blog?

      Delete
  5. Hey - I was curious to see if you know how to change the width of the left bar in the sidebar view? I want to make the view a little wider to more of the headlines are visible. - blog.cooperneill.com

    ReplyDelete
    Replies
    1. Actually I do! Here:

      #sidebar{
      width: 250px !important;
      }
      #content{
      margin-left: 250px;
      }

      The two values must agree to each other. Feel free to play with them.

      Delete
  6. Some of my page has long contents and with IE, I cannot scroll down to read all the contents. Do you have code to extend the length of contents in pages? Thank you!
    my blog is verascookbook.blogspot.com

    ReplyDelete
    Replies
    1. Hi Vera,

      Find the following in your template (under 'Add CSS'):

      .viewitem-panel .viewitem-inner {top: 120px;padding-bottom: 120px !important;}

      And change it to:

      .viewitem-panel .viewitem-inner {top: 120px;padding-bottom: 140px !important;}

      That should take care of it. Cheers!

      Delete
  7. Master. Thank you for your blog, I've been very helpful. A few days ago I wrote under the alias "rural" and I'm very happy. Today I want to ask help for my poetry blog. When I choose the classic view, I would not see the gray border that demarcates the pages and poems, but rather a continuous and uniform white. I think it's some kind of brutal minimalism:)

    And I also want to know if I can change the gray background of the entries in the view "Flipcard".

    My blog is: http://zonadelcrepusculo.blogspot.com/

    Thank you very much for your help, God will give you long life.

    ReplyDelete
    Replies
    1. Hi Soren,

      Here, add this to your css. This will remove the borders in Classic view:

      li.item {
      border: 0px !important;
      }

      As for the flipcard view, here's how you can change your card's color from grey to white:

      .items .item .card .front{
      background-color: white !important;
      }

      Cheers!

      Delete
  8. is there a way to get images posted to expand across the full post page length? I've used the above code you gave and it worked in extending the post across the window but the images stay smaller.

    Thanks!

    ReplyDelete
    Replies
    1. Hi Shane,

      I'd assume it can be done - but not automatically though. You're gonna need to edit your post - click on your image - and choose 'original size' as its size. It goes without saying that you need to use a Hi-res picture for this to work.

      Cheers!

      Delete
  9. Hi,

    I have a problem, my adsense ad on the right in the posts only can be seen half of it unless i scroll it to the right. Is there any way for me to let the adsense to be seen fully on the right when i click on a post?

    http://greggy88.blogspot.com/

    ReplyDelete
    Replies
    1. Hi GT,

      I'm seeing your full ads without having to scroll. Is there a particular post that I should be looking at?

      Screenshot

      Delete
  10. Thank you very much, sensei. Your code works great! However, my second question, I was referring to the possibility to change the background of the pop-up post pages in Blogger's dynamic view, which has an unpleasant gray.

    Your last screenshot has a brown with pastry :)

    http://i.imgur.com/15NRj.jpg

    Also I have an observation with one of your codes, but I'm going to ask the related post.

    Thank you very much again.

    ReplyDelete
    Replies
    1. Hi Soren,

      I'm not sure if I'm getting you right. Your pop-up posts have white background in your Flipcard view. Where exactly can I find this grey background that you're referring to?

      Delete
    2. Hello Yoga. I think I've been very ambiguous :) This is the best thing I've done with this code, but I would like everything to be white:

      https://lh4.googleusercontent.com/-44-HlWVTxyU/T5ljDQYR2kI/AAAAAAAAC0o/vUvJt2F9hZI/s912/Grey.jpg

      :::

      .viewitem-panel .viewitem-content, .classic li.item, .article, .ss {
      background-color: white !important;
      max-width: 1750px !important;
      }

      :::

      Thank you very much and sorry, sometimes I have hard time translating what I say in Spanish to be more explicit.

      Delete
    3. Hi Sorren,

      I genuinely believe I could be color-blind :P

      Try this:

      .overview-content, .overview-content .article, .overview-header {
      background: white !important;
      }

      Cheers!

      Delete
    4. jajajajaja, sorry, I think mine is have some obsessive compulsive! Works great!

      Sincere thanks for your patience.

      Delete
  11. Hello Brother,
    Here is my blog: http://www.placementforus.in/
    Can you suggest me anyway to maximize the blog and to remove the border kind of space from all side??
    Thanks in advance.

    ReplyDelete
    Replies
    1. Hi Admin,

      Have you tried going to Dashboard - Template - Customize - Adjust Widths?

      Delete
  12. Hi there,
    firstly thanks for all the help over the last few months!!!
    On my blog I cant seem to post to the full width?
    There is always a blank white space on the right of my blog?

    http://relevantforandrew.blogspot.co.uk/
    I have it in an iframe here - http://andrew-mason.net/Reference.html

    Any ideas? is it some kind of sidebar that is stuck there?

    Andrew

    ReplyDelete
    Replies
    1. Hi Andrew,

      I can't find the code in this tutorial anywhere in your template. Did you save your template after inserting the code?

      Delete
  13. Dohhh!
    I just tried it again and it worked!
    Ive used so many of your codes and always done so well - now I let myself down. hahaha.
    http://andrew-mason.net/Reference.html

    Thanks again - extremely impressed with your knowledge and the time you give to people!

    Andrew

    ReplyDelete
    Replies
    1. Hi Andrew,

      Lol.. No problem at all, anytime.. Glad I could be of help.. Happy blogging now :)

      Cheers and God bless.

      Delete
  14. Hey, one question.. i use the classic dynamic view, it means i have no popup posts, but how can i make my entry part wider... the white sector :)

    ReplyDelete
    Replies
    1. Hi Ann,

      Good question. Add this to your CSS:

      .classic li.item, .ss, .classic .article{
      max-width: 3000px;
      }
      .classic #items{
      padding-right: 20px !important;
      }

      Cheers :)

      Delete
    2. Hi Yoga,

      What if you want to do the same with 'magazine' dynamic view the one with popup, make it as wide as the popped up window?

      Sarah

      Delete
    3. Hi Sarah,

      The code in the original post should be able to do that.

      Cheers..

      Delete
  15. Yoga,
    thanks for all of your tips! I'm trying to limit the size of the post pop-up based on a percentage of the screen size is that possible?

    This works:

    .overview-wrap{
    max-height: 1000px !important;
    }

    But I'm wondering if something like this would work:

    .overview-wrap{
    max-height: 80% !important;
    }

    ReplyDelete
    Replies
    1. Hi Ramy,

      Sorry for my late reply. And yes, nice thinking, it should work :)

      Cheers!

      Delete
    2. Also noticed that when I limit the height by % then the <- -> to go to next or previous blogs get chopped off. :(

      Delete
    3. Hi Ramy,

      Have you tried setting it somewhere below 80%?

      Delete
  16. Yeah,
    it doesn't quite work when I do this. This is what happens:

    http://www.ramyhanna.com/

    ReplyDelete
    Replies
    1. Hi Ramy,

      This is what I'm seeing:
      http://i.imgur.com/g9ACH.png

      If it doesn't work from your end I think it is best if you use a static value (px,cm,em) instead of a relative one (%).

      Delete
  17. Hi there. I tried the code you shared in this post and it worked great! However, I don't quite want my posts to be the maximum width. I'd like them slightly smaller, so that when people hover over the menu on the right side, the menu won't cover part of the blog post. Could you please tell me how to do this? I tried to just adjust the numbers in the code that you already posted, but it didn't seem to work. Thanks so much!

    http://www.kristenreneephotography.com/

    ReplyDelete
    Replies
    1. Hi Kristen,

      Add this additional code to your CSS to introduce some padding to the right of your sidebar :)

      .sidebar #content{
      padding-right: 60px !important;
      }

      Cheers :)

      Delete
    2. Perfect! thank you! I just played with the number of px there until it was where I wanted it! :)

      Delete
  18. Hi Yoga
    Actually I wanted to know if we need to add adsense in the layout to get ads or they will align to the right of the posts automatically?
    I'm using Magazine DV
    My blog :http://the-prodigal-paradox.blogspot.in/

    ReplyDelete
    Replies
    1. Hi Sushovan,

      Their position can't be manually set. And I've realised that for some reasons, the ads wont always load in Magazine view.

      Delete
  19. In a previous question you helped someone (VERA) view the whole content of their PAGES in dynamic views by creating a bigger buffer at the bottom. I use Firefox and tried your edit to CSS, but it did not work - given different browser. Can you please help me out with some code? THANK YOU!

    ReplyDelete
    Replies
    1. Hi Georgina,

      Sorry for the late reply. The tweak given to Vera should work on your blog as well, but I can see why it's not working. Somehow, all your code in your 'Add CSS' box is repeating itself. Have you noticed this? You've changed the numbers in one of the code, but it got over-ridden by the repeating codes (you've changed the value to 140px, but the repeating code says 120px). You need to remove all but one set of code. I strongly recommend you to use a different browser because usually the repeating code is caused by your current browser.

      Delete
    2. Just a little follow up. The header code has been updated to fit the current release. The new code in the tutorial page here is the updated one:

      http://www.southernspeakers.net/2011/10/add-header-in-blogger-dynamic-view.html

      But you should take care of the repeating sets of code first before updating your code.

      Delete
    3. thank you! that's interesting about the repeating code. I will fix it and then give them both a go now... BTW which browser do you recommend?

      Delete
    4. I love Firefox coz due to the customisation options available in it. Then again, some add-ons could clash with web services..

      In your case, I'd recommend a clean version (without any add-ons) of either Firefox or Chrome.

      All the best! :)

      Delete
  20. Dear Yoga,

    I chose the Flipcard mode as my template.
    I would like to re-size the dimensions of the post (namely, shrink it). Along with the line of Ramy's suggestion I tried this code:

    .overview-wrap{
    max-height: 1000px !important;
    }
    .overview-wrap{
    max-height: 95% !important;
    }
    .overview-wrap{
    max-width: 1000px !important;
    }
    .overview-wrap{
    max-width: 60% !important;
    }

    The problem is that this kills the margins, and make the round corners square...

    Is there a way to fix these matters?

    In addition: when a post is opened:

    - Is it possible to put a thin colored frame around the post?
    - Is it possible to eliminate the cards at the background and remove the shade? (so the background is like in the classic mode)

    Thank you!
    Ofer.

    ReplyDelete
    Replies
    1. Hi Ofer,

      You've published another comment regarding your flipcards, just wondering if you still need help with this query?

      For your additional queries,

      1) To add a thin colored frame around your post, add the following code to your 'Add CSS' box:

      .overview-wrap{
      border: 1px solid yellow !important;
      }

      2) There is a way but it isn't feasible. But feel free to give it a whirl. Edit all your posts (one at a time) - switch to HTML view (as opposed to Compose view) - Paste the following towards the end of your post:

      <style>
      .flipcard #content{
      display: none !important;
      }
      </style>

      Cheers :)

      Delete
    2. Thank you so much, it appears to work perfect :)
      I will be grateful if you could help me also with my second query. Thanks again,
      Ofer.

      Delete
  21. Hi boss,

    I've just come across your blog, and you seem pretty omnipotent... please could you help me with what I hope is a very simple problem... I use dynamic view and for some reason all of the text in the blog posts have shifted over to the left and there is a massive space on the right side!

    http://goldsilversilk.blogspot.co.uk/

    I'm probably being stupid, but I can't see a way to correct this in the template designer.
    Would really appreciate your help!
    Thanks ^,^

    ReplyDelete
    Replies
    1. Hi Alice,

      Yeap, that's pretty easy to remove. Go to Dashboard - Layout - click 'Edit' on your 'Blog Posts' box - Uncheck the box that says 'Show Ads Between Posts' - Save - Save arrangement.

      Cheers :)

      Delete
  22. Hi Yoga, I wanted to ask you how to modify the width of the post in the magazine view so it uses all the width available in the container. Because i have a lot of empty space that i dont like. Im currently changing templates, so it's a litle messy, this is my blog: http://ladescargadora.blogspot.com.ar/

    Thanks so much

    ReplyDelete
    Replies
    1. Hi Rick,

      The code in the post above should do what you're after - to maximize the width of your post-pages. If perhaps you were referring to the main magazine view's page, the following code should widen your view:

      .magazine #content, .magazine #content .item, .magazine .story{
      width: auto !important;
      }

      Cheers :)

      Delete
  23. This works great, thanks!

    I was wondering, can we do the same for pictures? I mean instead of choosing 'original size' for pictures (which I've noticed would move out of the post width on some monitors but would work fine on some) can we have a default width which is always set to fit the full width of posts?

    Let me know if you need example screenshots.

    Sarah
    PrettyGloss - makeup, beauty & a lil gibberish

    ReplyDelete
    Replies
    1. Hi Sarah,

      Unfortunately, the same can't be done for images. Page width can be easily set using CSS. But image resolution isn't as easy as that. I'm afraid we're gonna have to use the post editor to alter the image size if we want the best image quality in Blogger.

      Cheers..

      Delete
  24. Hi, Yoga! You are awesome! I have a question. Is it possible in DV Classic to move the posts from center to the right? I want also to minimize the width of the posts to have sone space to the left. Thanks! :)

    ReplyDelete
    Replies
    1. Hi Vlad,

      It might be possible. What's your blog's address?

      Delete
    2. http://purimpbeta.blogspot.ro/ - It's just a temporary blog. I want to minimize the width of the posts at 650px.

      Delete
    3. Hi Vlad,

      Try this:

      .classic li.item{
      float: right !important;
      width: 890px !important;
      }


      Cheers :)

      Delete
  25. Hi Yoga,
    with the tips you gave in this very useful thread I managed to get most up and running, minus a few details.
    When using this address http://ronr.blogspot.nl/ it is all ok now (I like to think so)
    When using this url http://ronr.blogspot.nl/2012/08/copy-schema-with-partitioning-online-to.html (direct article link) the slider bar at the right is overwritten by the blog contents. How can I fix that? Currently I have:
    .classic li.item, .ss, .classic .article{
    max-width: 90%;
    }
    .classic #items{
    padding-right: 20px !important;
    }
    .overview-wrap{
    max-width: 100% !important;
    }
    .viewitem-panel .viewitem-content, .classic li.item, .article, .ss {
    max-width: 90% !important;
    }
    thanks for your help,
    Ronald.

    ReplyDelete
    Replies
    1. Hi Ronald,

      When you open a post directly by its link, it tends to do that. We've addressed this issue and brought it up to Google's attention, but nothing has been done so far, unfortunately..

      Delete
    2. Thanks for you reply Yoga,

      glad to see it's not me :-D
      That means I got it as good as it can get now so I am happy.

      Thanks,
      Ronald.

      Delete
  26. Glad to see DV CSS editor working again in Chrome Yoboy! Thanks for your advocacy in getting it fixed.

    Wondering if you know of a CSS tweak to widen the timeslide view? I tried widening using the 'adjust widths' panel and that did not seem to affect the timeslide page at all.

    Happy 2013!

    ReplyDelete
    Replies
    1. Hi Bob!

      I'm glad they've finally managed to get fixed as well, although it bothers me how long the bug was there before it got fixed..

      Anyways, try this for the timeslide view:

      .timeslide .slice, .ss{
      width: auto !important;
      }
      .timeslide .large, .timeslide .medium, .timeslide .small, .ss{
      max-width: 400px !important;
      min-width: 300px !important;
      width: auto !important;
      }

      I've set the column size to 400px in the code above, as the auto function isn't exactly kicking in. Now, this might not be a good thing. There are three columns in Timeslide, which means the viewer's screen must at least be able to accommodation 1200px.. Otherwise, the last column will appear below the second column.. It might be a good idea to change 400px to 350px or so, since the default blog width for most users is 1000px..

      Happy 2013 Bob! :)

      Delete
  27. Hi Yoga!

    Firstly, thank you so much for all the help you give us! Your posts are amazing.

    Secondly, I have a problem. I use the magazine view, with a maximum width of 775 px. The photos I put up that's vertical has the perfect size, but whenever I have a horizontal photo, the text doesn't fit, and gets moved down to under the photo, and it all looks pretty ugly.

    I'd like to be able to have horizontal photos, but still have the blog width to about 775 px. Is it possible to have a maximum width for the photos I put up on my blog? Or do you know another solution, like making the text box width smaller?

    It would be amazing if you could help me!
    Amanda

    ReplyDelete
    Replies
    1. Hi Amanda,

      I'm trying to visualize the problem that you're describing. Let's take a look at your blog. What's your blog's address?

      Delete
    2. As you can see in this blog post, the photo is too wide for the text to fit on the left, and it goes under the photo instead.

      I can't make the blog wider, since i'm putting the blog on the website for the group, and it will ruin the design...

      Again, thank you so much!

      Delete
    3. Hi Amanda,

      Sorry for the late reply. I see it now. Here, add this to your CSS:

      #lead .has-thumbnail .story{
      width: auto !important;
      }

      Cheers :)

      Delete
    4. Hi again!

      The code made the text line up better under the photo, but what I'm trying to do is to give the pictures a maximum width, so that the text can fit to the right of the picture (as the standard is for when the picture is vertical).

      Though, if that's not possible, it sure looks much better with the piece of code you gave me! Thank you!

      Delete
    5. Hey, with your first answer I found out where to start looking (#lead) and found pieces of code that I changed to...

      .magazine #lead .item img.thumbnail{
      width: 320px !important;
      }

      ... Which allowed me to manipulate the width!

      Thank you so much for your help!

      Delete
    6. Glad you got it figured, cheers!

      Delete
  28. Is there a way of making the magins wider through the snapshot dynamic view template so that the posts are more centred with more negative space around them rather than all the way from left to right on the screen? I feel like the page is too congested with so many images? If possible to let me know that would be amazing - already used some of your codes to get it started!

    Thanks

    ReplyDelete
    Replies
    1. Hi there,

      I don't see an automatic way to do so. What you've got now is the furthest we can get - unless if Blogger decides to further refine the template by adding more handlers for developers.

      Cheers :)

      Delete
  29. Dear Yoga
    I've tried the code , is not working for inside my blogger page

    thanks

    ReplyDelete
    Replies
    1. Hi there,

      Let's have a look at your blog. What's your blog's address?

      Delete
  30. Hi Yoga,

    Here is my blog: http://www.onesummerdayphoto.com/search

    I hate all the unutilized empty space on both sides of the page, for the main posts page in magazine view as well as the static pages.

    I would like to either add sticky image sidebars to both sides for all the pages

    OR

    Increase the width of all the pages to fill more of the screen. I used the codes you suggested for this particular option, and it did increase the width of the post page for magazine view, but then the thumbnails and texts snippets stay at the same size and position. So the result is that instead of lots of empty space outside the page, there is lots of empty space inside the page. (Hope I am doing a good job explaining the problem)

    Basically, I just want a solution that allows me have the least amount of empty space throughout my blog.

    Thanks in advance :)

    ReplyDelete
  31. Also, I followed your tutorial to insert a custom image header into my blog. I am wondering if instead of a .png file, I can use a flash object as my header in the same manner...?
    Your advice would be much appreciated!

    ReplyDelete
    Replies
    1. Hi 1SD,

      You can use the following code to extend your layout over:

      #content{
      max-width: 3000px !important;
      width: auto !important;
      }

      But you're just extending the layout to fill the gap. The inner elements are still bound to fixed sizes. I wouldn't recommend changing these sizes, because the current set of sizes has been optimized for all display. Altering these values will only make your contents truncated in smaller devices. And nope there isn't a way to place a new element there (image, ad, etc).

      As for the header, I haven't tried using a flash object before - but feel free to give it a try.

      Cheers :)

      Delete
  32. Hi there,

    Is there a way to adjust the width for the magazine layout in dynamic view. Not the actual width of each post page, but the width of the main page where it lists all the posts. I'd like to expand the width so you see a bit less of the background.

    Thanks :-)

    ReplyDelete
    Replies
    1. Hi Lisa,

      You can use the following code to extend your layout over:

      #content{
      max-width: 3000px !important;
      width: auto !important;
      }

      But you're just extending the layout to fill the gap. The inner elements are still bound to fixed sizes. I wouldn't recommend changing these sizes, because the current set of sizes has been optimized for all display. Altering these values will only make your contents truncated in smaller devices.

      Cheers..

      Delete
    2. Thanks so much Yoga! I'll give it a try and see how it looks, if I don't like it I'll just revert back. You're totally awesome! Thanks again :-)

      Delete
  33. Thank you very much
    Thank you very much
    Thank you very much
    Thank you very much
    Thank you very much
    Thank you very much
    Thank you very much
    Thank you very much Thank you very much Thank you very much
    Thank you very much Thank you very much Thank you very much Thank you very much Thank you very much Thank you very much

    ReplyDelete
  34. hello master yoga, thnx for the update, it worked like a charm,

    hey, I was wondering if i can view smaller thumbnails in mosaic view. I have tried adding some code here and there but it did not work, please help. thank u again for your effort

    ReplyDelete
    Replies
    1. Hi Avishek,

      I've tried changing the size of the cards in Flipcard and Mosaic, and it seems like there isn't a feasible to do it that would still allow the template to dynamically adapt to it - not without breaking your template of course.

      Delete
    2. thank you for replying.. What I was looking for was kind of a zoomed out view, like the size u see when its 90% zoomed, u know, smaller.. anyways I guess I have to live with it. Thank you again for your effort sir... :)

      Delete
  35. Cool. This really works... :)

    ReplyDelete
  36. Hi Yoga!

    Thank you for sharing your expertise! I was wondering how I could get my text to line up to the width of my images (that are always 700 pixels wide)... My blog: www.lamemoirevive.net.... thank you :)

    ReplyDelete
    Replies
    1. Hi Catherine,

      This should do. Go to Template Designer - Advanced - Add CSS - paste the following code - Press enter after the last character of the last line } - Apply to Blog.

      .entry-content .separator a{
      padding-left: 0px !important;
      margin-left: 0px !important;
      }
      .entry-content img{
      padding-left: 0px !important;
      margin-left: 0px !important;
      }
      .entry-content{
      width: 700px !important;
      display: block !important;
      margin: auto !important;
      }

      Yeap, it's customised for your blog..

      Delete
    2. You are a rock star Yoga! Thank you SO very much for taking the time to help me and so many others. A fellow blogger had the same issue with her blog, will definitely have her come by... so very appreciated :)

      Delete
  37. Thank you Yoga for the code but I got some problem. I use flipcard and the code works well on chrome but it doesn't load properly on FF, i.e the post's width extend but the content's width does not. I have to refresh it for the code to work. Every time I start the computer I have to refresh the page for all the settings to work again. I've already adjusted the time-out code to 1000. This is kind of annoying cause I got mostly pictures on my blog (comic books actually) and every post I have to tell people to use ctrl + or refresh the page to enlarge the images. Do you have any solution? Please help!!!

    ReplyDelete
    Replies
    1. Hi Da Hac Le,

      Sorry for the late reply. Do you mind if I take a look at your blog?

      Delete
  38. Ok i really don't know what happened or how to fix it. I've recently added your css for changing the comment bubble color in dynamic views. Didn't do anything else.
    But for some reason now my post width has changed to 144px instead of the previous 750px. I cant find it in my template and have tried adjusting the width with the "customize"option but... nothing. I'm really bad at code so what to do???
    I've left the faulty post in so you can see for yourself.
    www.fakeasianonvacation.blogspot.com

    ReplyDelete
  39. Sorry disregard last message. I havent actually solved the problem, aka i still dont know what was wrong, but now my posts do come out normal now.
    I do need some help on the gadget dock though ;)
    http://productforums.google.com/forum/#!topic/blogger/a-n6qEaFU5E

    ReplyDelete
  40. Ok I'm soooo sorry cause it kinda appears like I'm spamming you... Sorry! I'm just lost and figuring things out as i go. I found the glitch. When I add labels to my post the post size seems to change to 144px. Without labels, the post size stays 750px. Now that i know the problem, think you still feel like helping me...?

    ReplyDelete
    Replies
    1. Hi Mee,

      Is this still happening? Have you posted this in the forum? If so, could you gimme the link to the discussion?

      Delete
  41. Yoga.

    I'd like to do exactly the opposite from the title of this tutorial. I'd like REDUCE post width in the 'magazine' dynamic view. Here's my blog. http://pablomajluf.blogspot.mx/
    When you click on a post, the pop-up text is too wide. I'd like to reduce it by 30 to 40%. In other words, each line now contains between 18 to 20 words. I'd like to make that between 12 and 15. Is it possible? Also, if it's possible, I'd like to make the pop-up box more narrow as well.

    Thank you very much dude. Cheers from Mexico.

    ReplyDelete
    Replies
    1. Hi Pablo,

      Try playing around with the value in the code above. That's as close as we can get.

      Delete
  42. Hi there! Is there a way to stop the posts from showing up in a pop-up altogether? I rather them be in the full page layout (such as the pages show up).

    ReplyDelete
    Replies
    1. I'm afraid not - this behaviour is embedded within the core structural script itself. Consider using Sidebar or Classic views if you'd like to show your posts in full. Cheers!

      Delete
  43. Hi Yoga,

    I know it's irrelevant question but I hope you'll help.

    I started a new blogger blog and applied a custom template, I want to Adjust the whole blog width but the problem is that the Width adjustment option is disable in my template. Can you please guide me how to manually set the width of my blog? or how to enable that option?

    Here's the url: http://www.quoteistan.com/2014/12/collect-moments-not-things.html

    ReplyDelete
    Replies
    1. Hello Irfan,

      Custom templates usually have fixed width - and this value is usually tied in with other elements in the template (which makes changing it a little bit difficult if we were not to break the template). Try contacting the maker of of this template.

      Delete
  44. Hi Yoga,
    I'm using a layout with the post area on the left and single sidebar on right. I'm trying to figure out a way to widen the post area (or lessen the distance between the post and sidebar), so there's not so much wasted space between the post area and sidebar.
    Would you happen to know how to do this in either the "Simple" or "Picture Window" templates.
    Here's a link to the blog I'm trying it on:
    http://plumroselane-examples.blogspot.com/
    I'm not sure if these are Dynamic themes but I'm thinking they aren't so not sure if you can help or not but anything would be appreciated.
    Thanks!
    Sharon

    ReplyDelete
    Replies
    1. Hello Sharon,

      Your template isn't a dynamic one, but I can still help. Add the following to your 'Add CSS' box. Feel free to adjust the value 105.

      .post{
      width: 105% !important;
      }

      Delete

Please use the 'Ask a Question' page to shoot questions that are not related to the tutorial in the post above.