Designframe

hovinil · Member · Mar 6, 2015 at 6:07 am
Copy link

Add topic to favorites
Around our page there is a big blue frame. I want it blue, but smaller. Is it possible?

The blog I need help with is: (visible only to logged in users)
staff-happychia · Staff · Mar 6, 2015 at 8:01 am
Copy link
Current width is 940px. Increase it by 100px to make it 10040px and see if you like the result. The second rule will ensure your menu will expand with the width.
```
#wrapper {
    width: 940px;
}

#access {
	width: 100%;
}
```
After adding this CSS you will notice that image is centered but did not expand to cover the whitespace on either sides. If you don’t like it, please upload a wider image (theme allowing) and see if it looks good.
hovinil · Member · Mar 8, 2015 at 11:55 am
Copy link
Thanx a lot for help.
It worked, but i havent “saved” it. I Wondernow – when the blue frame is smaller, is it possible to expand the post-Field to get that wider?
staff-happychia · Staff · Mar 9, 2015 at 7:57 am
Copy link
Let’s increase the width by 200px and also make the post content wide:
```
#wrapper {
    width: 1140px;
}

#access, #main {
	width: 100%;
}
```
hovinil · Member · Mar 26, 2015 at 5:59 am
Copy link
Now i have increased the With by 200px, but how do I icrease the top-image?
The top-imape is maked With the size 1140, but when i upload it I have to Crop it to 940…
I need it widther.

Anders
thesacredpath · Member · Mar 27, 2015 at 4:17 am
Copy link
Anders, This should do the trick for you on widening the header.
```
#branding {
    width: 1140px;
}
#branding img {
    width: 100%;
    height: auto;
}
```
hovinil · Member · Mar 27, 2015 at 5:49 am
Copy link
Thank you for giving answers. It worked ;)
One more question:
How do i change the zize of the main coloumn (the postscoloiumn) and the right coloumn (my widgets) ?
thesacredpath · Member · Mar 27, 2015 at 8:37 pm
Copy link
The main content column width is set with a right margin, and the sidebar with a width. What you would do with the following is to add/subtract the same amount to the content as you add/subtract from the sidebar. This will keep the padding and margins the same proportions.
```
#content {
    margin-right: 280px;
}
#primary, #secondary {
    width: 220px;
}
```

No items found.