[Solved] How to get full width in blogger pages?


#1

Hello Everyone…

I have a blog (urdupoetry-s.blogspot.com).
i’m trying from many days to get a full width in blogger Pages but i’m failed…
you guys can check in my any page this problem…
Like my about/ conntact/ Privacy/ Submit etc. pages
What should i do? give me a advice
thanks in advance… :slight_smile: :smile:


#2

Firstly, find for:

#outer-wrapper, #nav

You’ll find:

#outer-wrapper, #nav {
    width: 100%;
    max-width: 1080px;
}

Now, remove max-width: 1080px or edit the value according what you wish it to be.


#3

@Shivansh
i am using this code

#header-wrapper,#crosscol-wrapper,#sidebar-wrapper,#footer-wrapper {height: 0; visibility: hidden; display:none;} #main-wrapper{float: none; width: 100%; margin 0; padding: 0;}


#4

@paaris_sohail, try editing the code I have given above. It will help you surely to adjust the width of main wrapper.


#5

it is not working bro…
i want to make a full width means 100% wrapper…
this is just hiding my sidebar


#6

Remove max-width attribute. Then, it would spread on all the space available on left and right side.


#7

Okay. Don’t do anything but just add this CSS in your template:

#outer-wrapper {
   max-width: auto!important;
}

#8

you can check … its not working in the same way


#9

Well, do you know how to add CSS in a template?


#10

i am adding these code in my page through Script tag…


#11

No! :frowning:

My guess was correct.

Whenever you are adding CSS, add it using <style> tag. Means:

<style>
 /* above code */
</style>

Means:

<style>
#outer-wrapper {
   max-width: auto!important;
}
</style>

#13

i am using <style type="text/css">/*<![CDATA[*/ #header-wrapper,#crosscol-wrapper,#sidebar-wrapper,#footer-wrapper {height: 0; visibility: hidden; display:none;} #outer-wrapper { max-width: auto!important; } /*]]>*/ </style>


#14

This not worked because probably, that style tag is under conditional tags. Don’t experiment by adding it inside any style just. Just add this code above </head> in your template:

<style>
#outer-wrapper {
   max-width: auto!important;
}
</style>

#15

http://2.bp.blogspot.com/-8EWFB2NQTAw/VlG2vEGA7rI/AAAAAAAAD-c/CSmAPXeZcG0/s320/style.bmp check this link


#16

:sob:

You were putting that CSS on a page!!! :sob:

Here, please follow these steps:

  • Go To Blogger > Template > Edit HTML
  • Now, press Ctrl + F and type “</head>
  • Then press enter key from your keyboard.
  • Now, Blogger Editor would find </head>
  • Now, please put this code right above </head>:smile:
<b:if cond='data:blog.pageType == "static_page"'>
<style>
#outer-wrapper {
   max-width: auto!important;
}
</style>
</b:if>
  • Click on “Save Template” orange button.
  • Wait for button to turn again on Orange.
  • View your blog.

:dizzy_face:


#17

First read carefully my Topic…
I said i want full width on my pages…


#18

Re-follow all the steps I mention in this reply because I have updated the code:


#19

still no changing…
No any helpful answer bro… you too are failed… :stuck_out_tongue::stuck_out_tongue:


#20

I am failed. I know CSS very well. I am sure that you are doing any wrong thing… :confused:

If you can, you can transfer ownership of your blog for a few minutes and let do the work.


#21

ok give me your email address and i’ll make you admin for a few time…