Few question relating to background and content size, content area

resolved (4 posts) (2 voices)

  1. ydaria83
    Member

    Hi,
    Please see my attachment. I have 3 sections bordered with different colors, which I am going to refer as red ( menu), blue(header/bg image) and purple (content) area.

    • 1. Red Area: How I can center the menu items so for example "Home" doesn't start from the edge?
    • 2. Blue Area: As you can see I have a big image, on top I have the grapevines. Is there a way to have the grapevines on their own div and the background underneath it? (such as a tiled background)
    • 3. Blue Area: If my previous question cannot be solved can you please explain me how I can change the content margin so I can show more of the grapevines, right now they are covered by the content . I want to be able to lower down the content.
    • 4. Purple area: The content area where the slider and everything else reside can I make it without any background? Just like I change the footer area which I deleted the image. If so can you let me know which images I should remove from the content area?

    Thanks you very much for your help.

    Attachments

    1. mock_up.jpg (98.4 KB, 16 downloads) 3 years old
    Posted 3 years ago #
  2. ydaria83
    Member

    Ok please disregard my older post. I figured most of it. But now I have different questions.
    I used the tile image in the <body> tag as background: bg.png
    Than for the grapes and the map image (it is one image) I used it in the <body_background> tag as background:background_bg.jpg.
    But I would like to move the content about 150px down so the menu and everything else moves down. When I tried to accomplish this the whole content including the background_bg (the grape image) comes down together. I want this image to be margin 0 and I don't want it to be moved. Any recommendation?

    I would really appreciate your quick response. Thank you in advance.
    Please see my new attachment.

    Attachments

    1. mock_up.jpg (95.5 KB, 8 downloads) 3 years old
    Posted 3 years ago #
  3. Hi ydaria83,
    it's hard to tell without a link to the site, but I guess that a padding top to the body_background should be ok:

    .body_background{
        padding-top: 150px;
    }
    Posted 3 years ago #
  4. ydaria83
    Member

    Ok, thanks. It worked! :)

    Posted 3 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme