Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Putting a image background in the header's logo area (http://forum.bytesforall.com/showthread.php?t=442)

kirinafa Feb 18, 2009 03:04 PM

Putting a image background in the header's logo area
 
I've been trying to put a picture background where the logo icon, blog title, blog tagline, search box, RSS/Email area. Is this possible?

I tried putting this:
Code:

p { background-image: url(smallPic.jpg); }
Into the "Logo Area: Styling" section in Header. Is this the right place to put this? I thought it would be, but the background is just showing up where the Header Images are (right below in the next box). Could someone help me please? :confused:

MacMyDay Feb 18, 2009 03:58 PM

Quote:

Originally Posted by kirinafa (Post 1726)
I've been trying to put a picture background where the logo icon, blog title, blog tagline, search box, RSS/Email area. Is this possible?

I tried putting this:
Code:

p { background-image: url(smallPic.jpg); }
Into the "Logo Area: Styling" section in Header. Is this the right place to put this? I thought it would be, but the background is just showing up where the Header Images are (right below in the next box). Could someone help me please? :confused:

depending on what you're trying to do, you can simply create your background to the size you want and name it logo.jpg; then in the header section "Show Logo Image" simply put the name of the file you want in there. I used an image but still wanted the search in the box.. the logo doesn't have to be sized according to the template. Then upload that file to the images directory and it will display.

Alternatively, you can just eliminate that section from the layout and modify your header accordingly.

Just a workaround that worked for me.

Flynn Feb 18, 2009 04:08 PM

Quote:

Originally Posted by kirinafa (Post 1726)
I've been trying to put a picture background where the logo icon, blog title, blog tagline, search box, RSS/Email area. Is this possible?

I tried putting this:
Code:

p { background-image: url(smallPic.jpg); }
Into the "Logo Area: Styling" section in Header. Is this the right place to put this? I thought it would be, but the background is just showing up where the Header Images are (right below in the next box). Could someone help me please? :confused:

Don't use selector and curly brackets when putting CSS anywhere in the Atahualpa Theme Options - except when you add CSS at HTML/CSS Inserts

Also, all images you reference in CSS that you're adding through the theme options would have to have an absolute path instead of a relative path

HTML Code:

background: url(/wp-content/themes/atahualpa/images/smallPic.jpf);
or wherever you uploaded that image. You can use full, absolute paths as well

HTML Code:

background: url(http://www.yourdomain.com/wp-content/themes/atahualpa/images/smallPic.jpf);


All times are GMT -6. The time now is 12:13 AM.

Powered by vBulletin® Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.