|
|
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;
}
Good trick.
ReplyDeleteIs there a similar CSS code to make it with the PAGES?
Hi joao,
DeleteCode is fixed. Includes pages now.
Cheers!
Great!
DeleteThanks man!
I can't even get that pop-screan to appear with my blog. Blogger says the Lightbox won't work with Dynamic View.
ReplyDeleteI 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.
Deletehello
ReplyDeleteAt the picture above that you demonstrate the pages i can see advertisments on side. How i can add them?
Thanks
Hi Vasilis,
DeleteI have AdSense in my blog, thus it automatically appears there. Try signing up for AdSense :)
can i do that with other adver services?
DeleteWell, 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.)
DeleteHi there,
ReplyDeleteI 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
Hi TopCat,
DeleteCan I have a look at your blog?
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
ReplyDeleteActually I do! Here:
Delete#sidebar{
width: 250px !important;
}
#content{
margin-left: 250px;
}
The two values must agree to each other. Feel free to play with them.
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!
ReplyDeletemy blog is verascookbook.blogspot.com
Hi Vera,
DeleteFind 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!
Thank you so much!!!
DeleteMaster. 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:)
ReplyDeleteAnd 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.
Hi Soren,
DeleteHere, 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!
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.
ReplyDeleteThanks!
Hi Shane,
DeleteI'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!
Hi,
ReplyDeleteI 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/
Hi GT,
DeleteI'm seeing your full ads without having to scroll. Is there a particular post that I should be looking at?
Screenshot
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.
ReplyDeleteYour 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.
Hi Soren,
DeleteI'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?
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:
Deletehttps://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.
Hi Sorren,
DeleteI genuinely believe I could be color-blind :P
Try this:
.overview-content, .overview-content .article, .overview-header {
background: white !important;
}
Cheers!
jajajajaja, sorry, I think mine is have some obsessive compulsive! Works great!
DeleteSincere thanks for your patience.
Great :)
DeleteHello Brother,
ReplyDeleteHere 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.
Hi Admin,
DeleteHave you tried going to Dashboard - Template - Customize - Adjust Widths?
Hi there,
ReplyDeletefirstly 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
Hi Andrew,
DeleteI can't find the code in this tutorial anywhere in your template. Did you save your template after inserting the code?
Dohhh!
ReplyDeleteI 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
Hi Andrew,
DeleteLol.. No problem at all, anytime.. Glad I could be of help.. Happy blogging now :)
Cheers and God bless.
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 :)
ReplyDeleteHi Ann,
DeleteGood question. Add this to your CSS:
.classic li.item, .ss, .classic .article{
max-width: 3000px;
}
.classic #items{
padding-right: 20px !important;
}
Cheers :)
Hi Yoga,
DeleteWhat 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
Hi Sarah,
DeleteThe code in the original post should be able to do that.
Cheers..
Yoga,
ReplyDeletethanks 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;
}
Hi Ramy,
DeleteSorry for my late reply. And yes, nice thinking, it should work :)
Cheers!
Also noticed that when I limit the height by % then the <- -> to go to next or previous blogs get chopped off. :(
DeleteHi Ramy,
DeleteHave you tried setting it somewhere below 80%?
Yeah,
ReplyDeleteit doesn't quite work when I do this. This is what happens:
http://www.ramyhanna.com/
Hi Ramy,
DeleteThis 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 (%).
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!
ReplyDeletehttp://www.kristenreneephotography.com/
Hi Kristen,
DeleteAdd this additional code to your CSS to introduce some padding to the right of your sidebar :)
.sidebar #content{
padding-right: 60px !important;
}
Cheers :)
Perfect! thank you! I just played with the number of px there until it was where I wanted it! :)
DeleteExcellent! :)
DeleteThanx for this one
ReplyDeleteYou're most welcome! :)
DeleteHi Yoga
ReplyDeleteActually 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/
Hi Sushovan,
DeleteTheir position can't be manually set. And I've realised that for some reasons, the ads wont always load in Magazine view.
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!
ReplyDeleteHi Georgina,
DeleteSorry 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.
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:
Deletehttp://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.
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?
DeleteI love Firefox coz due to the customisation options available in it. Then again, some add-ons could clash with web services..
DeleteIn your case, I'd recommend a clean version (without any add-ons) of either Firefox or Chrome.
All the best! :)
Dear Yoga,
ReplyDeleteI 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.
Hi Ofer,
DeleteYou'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 :)
Thank you so much, it appears to work perfect :)
DeleteI will be grateful if you could help me also with my second query. Thanks again,
Ofer.
Hi boss,
ReplyDeleteI'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 ^,^
Hi Alice,
DeleteYeap, 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 :)
I think I've got the same problem. Recently switched to Dynamic View - Filmcard, and was previously showing ad's but not anymore. I've switched ad's off in the Dash, closed the AdSense account, everything I can think of but still have the big space to the right of the post text where the ad's used to be. Appreciate it if you can help me out.
Deletewww.thecerebralbore.com
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/
ReplyDeleteThanks so much
Hi Rick,
DeleteThe 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 :)
This works great, thanks!
ReplyDeleteI 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
Hi Sarah,
DeleteUnfortunately, 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..
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! :)
ReplyDeleteHi Vlad,
DeleteIt might be possible. What's your blog's address?
http://purimpbeta.blogspot.ro/ - It's just a temporary blog. I want to minimize the width of the posts at 650px.
DeleteHi Vlad,
DeleteTry this:
.classic li.item{
float: right !important;
width: 890px !important;
}
Cheers :)
Hi Yoga,
ReplyDeletewith 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.
Hi Ronald,
DeleteWhen 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..
Thanks for you reply Yoga,
Deleteglad 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.
Glad to see DV CSS editor working again in Chrome Yoboy! Thanks for your advocacy in getting it fixed.
ReplyDeleteWondering 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!
Hi Bob!
DeleteI'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! :)
Hi Yoga!
ReplyDeleteFirstly, 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
Hi Amanda,
DeleteI'm trying to visualize the problem that you're describing. Let's take a look at your blog. What's your blog's address?
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.
DeleteI 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!
Hi Amanda,
DeleteSorry for the late reply. I see it now. Here, add this to your CSS:
#lead .has-thumbnail .story{
width: auto !important;
}
Cheers :)
Hi again!
DeleteThe 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!
Hey, with your first answer I found out where to start looking (#lead) and found pieces of code that I changed to...
Delete.magazine #lead .item img.thumbnail{
width: 320px !important;
}
... Which allowed me to manipulate the width!
Thank you so much for your help!
Glad you got it figured, cheers!
DeleteIs 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!
ReplyDeleteThanks
Hi there,
DeleteI 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 :)
Dear Yoga
ReplyDeleteI've tried the code , is not working for inside my blogger page
thanks
Hi there,
DeleteLet's have a look at your blog. What's your blog's address?
Hi Yoga,
ReplyDeleteHere 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 :)
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...?
ReplyDeleteYour advice would be much appreciated!
Hi 1SD,
DeleteYou 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 :)
Hi there,
ReplyDeleteIs 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 :-)
Hi Lisa,
DeleteYou 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..
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 :-)
DeleteDon't mention it Lisa ;)
DeleteThank you very much
ReplyDeleteThank 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
hello master yoga, thnx for the update, it worked like a charm,
ReplyDeletehey, 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
Hi Avishek,
DeleteI'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.
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... :)
DeleteCool. This really works... :)
ReplyDeleteCheers :)
DeleteHi Yoga!
ReplyDeleteThank 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 :)
Hi Catherine,
DeleteThis 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..
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 :)
DeleteThank 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!!!
ReplyDeleteHi Da Hac Le,
DeleteSorry for the late reply. Do you mind if I take a look at your blog?
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.
ReplyDeleteBut 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
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.
ReplyDeleteI do need some help on the gadget dock though ;)
http://productforums.google.com/forum/#!topic/blogger/a-n6qEaFU5E
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...?
ReplyDeleteHi Mee,
DeleteIs this still happening? Have you posted this in the forum? If so, could you gimme the link to the discussion?
Yoga.
ReplyDeleteI'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.
Hi Pablo,
DeleteTry playing around with the value in the code above. That's as close as we can get.
Thank you!
ReplyDeleteHi 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).
ReplyDeleteI'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!
DeleteHi Yoga,
ReplyDeleteI 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
Hello Irfan,
DeleteCustom 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.
Hi Yoga,
ReplyDeleteI'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
Hello Sharon,
DeleteYour 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;
}
Hello Yoga, many thanks for the excellent tips on this site!
ReplyDeleteI am using Flipcard view and have maximised the post width with your code above.
However on iPad and iPhone the post width is too narrow, and I am unable to increase the width.
Is there a way to increase the width of Posts to the maximum on iPad and iPhone?
Thanks in advance!