Need help adjusting the width of my blog


#1

have a look at these screenshots, i need your help to make the width broader for both desktop and mobile devices.

thanks in advance.


#2

@Shivansh can you help? really need some urgent help. thanks


#4

still waiting for your reply guys. i hope someone can help. thanks


#5

Apply this CSS code in your template

#post-wrapper { margin-left: -100px; }

it will work


#6

@ankit where in the CSS should I put it? I’ve tried different spots but nothing has changed :frowning:


#7

Add This Css Before ]]></b:skin> Tag In Your Blog’s Template. Just Like This-

post-wrapper {
margin-left: -100px;
}
  ]]></b:skin>

Hope This Works For You :slight_smile:


#8

if it don’t work then put the important attribute to it.

post-wrapper { margin-left: -100px !important; }


#9

I’ve given both your suggestions a try but nothing’s changed @ankit, @ngtechzone. Not sure where to go from here :confused:


#10

Try To Change The Width’s From Template Designer Available In Template Section :slight_smile:


#11

it’s not available for my custom template. most custom templates do not have that option. Would you have a lookat my template? androidtipster .com thanks


#12

Just add this CSS and you are done!

#outer-wrapper {
  margin-left: 0px !important;
}

and please tell me that the mobile screenshot is taken from which phone so I can give you a responsive css for mobile and tablet devices :wink:


#13

that was from the iphone 6 but it looks the same on samsung as well. Let me try your suggestion. Really appreciate the effort :wink:


#14

i feel terrible reporting back that this one too did not work. If i provide the original xml file for this template, would you guys be able to figure out how to do it?


#15

Just tell me the name of the template actually try this one now

#outer-wrapper {
  margin-left: -10px !important;
}

and adjust -10px according to your need (increase it for ex to -20px)


#16

the link to the template is this.


#17

and adjust -10px according to your need (increase it for ex to -20px)

did you try this? Albert?


#18

yes i tried it but nothing changed. i now believe that i have to change something else beside the css. did you get a chance to look at the template?


#19

after trying once again, it looks like it’s finally working. Let me keep trying different margins until i reach the desired look. many thanks


#20

Welcome bro if any more issues please lemme know :wink:


#21

@Nafees is there something i can add to the css u gave me so that the margin on the right side can be reduced? The content has moved to the left side but the width is still the same.