Need help? Check out our Support site, then


Too much space

  1. 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. 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. 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. Thanks for your awesome support again @designsimply! You really are a happiness engineer :)

  5. :)

  6. voyageindesign
    Member

    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. 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.

About this Topic