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)
-   -   [SOLVED] Bar1 only showing on Home Page (http://forum.bytesforall.com/showthread.php?t=4707)

Velma Dec 3, 2009 09:50 PM

[SOLVED] Bar1 only showing on Home Page
 
I put some images in to round the corners, and it's only showing up on the home page. The other pages are like Bar1 doesn't even exist. Any types?

Thanks.

Velma

juggledad Dec 4, 2009 04:16 AM

What version of Atahualpa annd WP?
What is the URL showing the issue?
Quote:

I put some images in to round the corners,
round the corners of what?
need a little more detail...

Velma Dec 4, 2009 11:35 AM

Version 3.4.4

WP 2.8.6

http://strategicsense.ca

At the very top, on Home, you'll see that the corners are round. I added in the html for the images in bfa_header_config.php.

This is what I have for Horizontal Bar 1:

Code:

// Horizontal bar 1
if ( strpos($header_items,'%bar1') !== FALSE ) {
        $horizontal_bar1 = '<div class="horbar1"><img src="wp-content/themes/atahualpa/images/top_left.jpg" align="left" /><img src="wp-content/themes/atahualpa/images/top_right.jpg" align="right" /></div>';
}

Found how to do that on the Forums here. :) Thank you.

Anyway, the round corner images work great on the home page, but not on any of the other pages. It's like they don't exist. Just the background color works.

Thanks for the help!

juggledad Dec 4, 2009 11:55 AM

try changing the line to
$horizontal_bar1 = '<div class="horbar1"><img src="/wp-content/themes/atahualpa/images/top_left.jpg" align="left" /><img src="/wp-content/themes/atahualpa/images/top_right.jpg" align="right" /></div>';
or better yet, put in the full url address

Velma Dec 4, 2009 12:21 PM

Thanks, Juggledad.

I'd like to do that, but it seems I'm having troubles with the footer. I donated, and was using those instructions, but I'm getting an error now.

I'm posting in the Gold forum about this, so I can ask all my questions. :)

Velma Dec 4, 2009 12:22 PM

Apparently I'm not allowed to post in there, just read. Can I PM you?

Velma Dec 4, 2009 12:30 PM

I did PM you, but I figured it out!

Ha!

Didn't even think about the fact that because I screwed it up, I couldn't fix it in the admin panel. I just went into the hosting, and fixed things there, and I got it going again.

I'm feeling pretty darn good about myself...even though it was my own mistake I had to fix.

LOL

juggledad Dec 4, 2009 12:46 PM

Great - you get a pat on the back!! and I see you got the corners on all the pages now!

Velma Dec 4, 2009 12:54 PM

I have the graphics to put the corners on the bottom. Can I do that? Where would I put them?

Also, can I get rid of the happy face? I'll look to see if I can figure it out too, but I thought I'd put it here as well.

juggledad Dec 4, 2009 02:17 PM

give this a try add the following to ATO->Add HTML/CSS Inserts->HTML Inserts: Body Bottom
HTML Code:

<div class="horbar1"><img src="wp-content/themes/atahualpa/images/top_left.jpg" align="left" /><img src="wp-content/themes/atahualpa/images/top_right.jpg" align="right" /></div>
just point at your bottom corners

Velma Dec 4, 2009 03:06 PM

Not quite...it puts them at the full width of the screen, and not the width of the content.

juggledad Dec 4, 2009 04:01 PM

call it a different class name like footer_bar then use a CSS Insert
div.footer {
width: 250px;
allign-left: float;
align-right: float;
}
etc and see if you can get it to the right size and postiion - you can use a negative margin if you need.

Velma Dec 4, 2009 04:14 PM

Hmmm...not sure if I'm understanding correctly.

http://strategicsense.ca

It's putting the graphics on either side of the full screen, but it's below where the footer area is.

I put this under html inserts:

Code:

<div class="footer_bar"><img src="http://strategicsense.ca/wp-content/themes/atahualpa/images/bottom_left.jpg" align="left" /><img src="http://strategicsense.ca/wp-content/themes/atahualpa/images/bottom_right.jpg" align="right" /></div>
and this under css inserts:

Code:

div.footer {
width: 250px;
align-left: float;
align-right: float;
}

I had thought the width thing would be representing the widge of the content. I left it at 250 so I could see and then adjust, but it didn't work out as I had thought.

Velma Dec 4, 2009 08:55 PM

I changed it to div.footer_bar in the css, and width of 1000 px. That's got it at the right width, but it's over to the left, and it's clear in between the two corner graphics. I need it to be white.

I'll keep fiddling, but if you have more insight, I'd be grateful.

Velma Dec 4, 2009 10:17 PM

Play play play!

I just went ahead and made up a new bottom image and made it the background for the footer. Much easier. KISS! Keep it simple sweetie!

I'm OK now.


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

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