Archived

This topic is now archived and is closed to further replies.

  • 0

header image trough header+content


Question

Posted · Report post

Hi,

I need to center my background image behind the navigation and content. I tried with this code:

 

#branding .content {
   <span class="searchlite">background</span>-<span class="searchlite">image</span>: url('http://wp.tanzprojekte.ch/wordpress/wp-content/uploads/2013/05/header_schrift_01.jpg');
   <span class="searchlite">background</span>-position: center;
   <span class="searchlite">background</span>-repeat: no-repeat;
   <span class="searchlite">background</span>-height:600px;
   <span class="searchlite">background</span>-width: 995px;
   <span class="searchlite">background</span>-left: 300px ;
   }

But the image remains cutted of. I use a full width layout and it has to be responsive. I tried also with a z-index position...but it did not work out....

Can you help me?

Thx Corina

 

My site:

 

http://wp.tanzprojekte.ch/wordpress/kursangebot/

 

How it has to be...

 

 

http://imgur.com/IRPCjpl

 

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi Rob. Thx for your response.

Css is not a problem, i'll correct the code...I tried before the background image option, but i do not liked it at all. Infact, it is not a usual background...more a header background entering in the content area.

when i scroll down the page, the bg-image has to scroll up and to disappear and with this method i did not found out the css selectors of the background...

I will try with the sexy snips and let you know.

 

Thx

Corina

Share this post


Link to post
Share on other sites

Posted · Report post

Keep us posted and let us know if you need more help.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi Corina,

 

The CSS you're using is incorrect. It mixes stylesheet CSS with inline CSS, which is not the best way to achieve results.  I'll recommend you study the resources here to learn more about CSS:  http://w3schools.com/css/

 

You should apply the background to the site using our internal settings, found at Dashboard > PageLines > Site Options > Color Control.  There, you can upload a background image, without CSS, and set the vertical alignment and horizontal alignments correctly, without custom coding.

 

As for the brand logo, that will require some CSS, but the method of doing that is probably best achieved with a plugin we offer called Sexy Snips, found in Dashboard > PageLines > Store > Plugins > Top Free.  Just install and activate it, and Sexy Snips will provide you with the CSS to center a branding image.

Share this post


Link to post
Share on other sites