Too much space

  • Author
    Posts
  • #888593

    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.

    #888959

    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.

    #888960

    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;
    }
    #888963

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

    #888965

    :)

    #888992

    kcsteyn
    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

    #888999

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

    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;
    }

The topic ‘Too much space’ is closed to new replies.