WordPress.com

1. ariannasrandomthoughts
   Member
   May 11, 2012, 11:05 PM

   Hi,

   I'm using Adventure Journal and I find there is too much extra space. How do I make sure that my header image is directly at the top of the page? Also how can I widen the text area so that there is less image space on the side.

   Thanks!

   The blog I need help with is ariannasrandomthoughts.com.

2. designsimply
   Staff
   May 15, 2012, 2:03 PM

   How do I make sure that my header image is directly at the top of the page?

   To adjust the spacing at the top of the Adventure Journal theme, you can change the top margin of "#container" like this:

   #container {
   	margin-top: 25px;
   }

   Adjust the 25px number as necessary.

3. designsimply
   Staff
   May 15, 2012, 2:06 PM

   Also how can I widen the text area so that there is less image space on the side.

   One possible way to do this would be to widen the main content area on your current home page from 690px to 710px like this:

   .col-2-left #main-content {
   	width: 710px;
   }

4. ariannasrandomthoughts
   Member
   May 15, 2012, 10:36 PM

   Thanks for your awesome support again @designsimply! You really are a happiness engineer :)

5. designsimply
   Staff
   May 15, 2012, 11:06 PM

   :)

6. voyageindesign
   Member
   May 27, 2012, 4:41 AM

   Hi,

   I also have a question about this theme. I want to know if it is possible to remove the shadow on the sides of the theme.

   Would you be able to help?

   Thanks

7. designsimply
   Staff
   May 29, 2012, 12:20 AM

   The Adventure Journal theme uses the following background image for the main content area. The image has the shadows build into it:

   http://s2.wp.com/wp-content/themes/pub/adventure-journal/images/mp-sprite-content-bg.png

   What you could do is download that image, create a new image without shadows on the side, upload the new image to your media library, and use CSS to replace the image like this:

   #wrapper-content {
   	background: url(YOUR_IMAGE_URL) 3px 0 repeat-y;
   }

   Replace YOUR_IMAGE_URL with the link to your image.

   An alternative would be to set the background to a solid color instead like this:

   #wrapper-content,
   #wrapper-top {
   	background: #fcf5f5;
   }
   #page-curl {
   	display: none;
   }

   Adjust the color code as necessary.

   You could add interest to a solid color background by making the border radius for the top left and right different:

   #wrapper-top {
   	padding-top: 8px;
   	-webkit-border-top-left-radius: 15px;
   	-webkit-border-top-right-radius: 15px;
   	-moz-border-radius-topleft: 15px;
   	-moz-border-radius-topright: 15px;
   	border-top-left-radius: 15px;
   	border-top-right-radius: 15px;
   }

Topic Closed

This topic has been closed to new replies.