moving text area

maritimenextgen · Member · Mar 6, 2014 at 5:14 pm
Copy link

Add topic to favorites
Hi, I am completely new to css and I am just wondering how I can move the text area of all the pages on my site upward. I am using “greyzed” them. The area I want to move is the “paper” where, obviously, all the text of that webpage appears. I’d like to move that whole section upward on the webpage. Is this possible? And I know that if I do it will block some of the background image’s features.

Thanks,

newbie

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 6, 2014 at 9:02 pm
Copy link
On greyzed, it is difficult since the top torn edge of the page, and everything above it to the top, is an image set in #wrapper. If you move that image up so that you can move the content up, you lose the black background behind the menu area. You can add the following to your CSS to see what I mean.
```
#wrapper {
    background-position: center -80px;
}
#header h1 {
    padding-top: 55px;
}
#header {
    height: 180px;
}
```
You can also try adding the following which uses a box shadow on the menu to sort of make it look grungy.
```
.menu-header {
    background: #000000;
    box-shadow: -5px 5px 10px 10px #000;
}
```
maritimenextgen · Member · Mar 7, 2014 at 1:17 pm
Copy link
Thanks! Thats better, but what I was hoping was to be able to either move the “paper” area over top of the part of the background with the dotted arrow, which usually points to an rss feed link – I’m not using rss.

But, on another note, when I was trying out the rss link, all it did was startup my mail application. What is it supposed to do or able to do? If I could make it useful I would leave it in.
maritimenextgen · Member · Mar 7, 2014 at 1:20 pm
Copy link
what if I move the wrapper down? will that do what I’m aiming for? Or will it just force everything else down with it?
thesacredpath · Member · Mar 7, 2014 at 7:42 pm
Copy link
The top edge of the paper area is part of the main background image. You can see what that image looks like here: http://s2.wp.com/wp-content/themes/pub/greyzed/images/bg.jpg

You can try this instead and see what you think. You will lose the top edge paper graphic though.
```
#header h1 {
    padding-top: 70px;
}
#content {
    position: relative;
    top: -110px;
}
#header .rss a {
    display: none;
}
```
thesacredpath · Member · Mar 7, 2014 at 7:44 pm
Copy link
Oops, I forgot the sidebar CSS. Add the following as well to move the sidebar up, if you wish.
```
#sidebar {
    position: relative;
    top: -110px;
}
```

No items found.