Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] bar1 images filling problem


  #1  
Old Oct 16, 2009, 03:07 PM
Athena
 
20 posts · Oct 2009
Hi,
I've tried different things from the forum, but nothing works. Maybe it's because there are multiple images?
I googled found something about div's, but it pushed my body and right/left sidebars up under my %page.
My screen looks great, on other screens sizes not so good.
I set min and max playing around subtracted 70px padding times2=140 from the number to see if it helped. So tired, don't really want to pull out any more hair . here is my <a href="http://www.vintagepreciousboutique.com>boutique</a> Thanks.
  #2  
Old Oct 16, 2009, 03:54 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
take a deep breath, grab a glass of wine and relax. Now try and explain what you are trying to do. I don't understand what Bar1 Images filling is. Are you trying to put images in the menubar1?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 16, 2009, 08:03 PM
Athena
 
20 posts · Oct 2009
LOL, I just may do that, though I don't drink, this stuff kinda makes you want to I may have some cooking wine .

I have 5 images in my %bar1 area I inserted them from bfa_header_config.php between $horizontal_bar1 = '<div class="horbar1"> and ;</div>';
}
as instructed on another thread.

My screen pixels must be 1098px because 5 images @ a width of 220+219+220+219+220=1098 and looks good on my screen, however other screen sizes on the right side there is empty space.
I tried playing with max and min px from other threads and took off for 70px padding on each side @140. After some google websearh I read about inserting some div tags gave it a try and my body portion went under my page menu bar so of course I deleted them. When I expand the image sizes bigger when setting the max pixels @1440 to equal 1440px width total the 5th image moves to the far left on top of the body like a 2nd row.

Thanks.
  #4  
Old Oct 17, 2009, 05:48 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You could set pyour page width to a FIXED size. Then if seen on smalled screens, they would have to scroll.

What effect do you want on a smaller screen?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #5  
Old Oct 17, 2009, 10:04 AM
Athena
 
20 posts · Oct 2009
Hi,
I didn't want to make anyone scroll was concerned about making potential customers work at seeing all available product. I viewed alot of boutique/clothing sites to see what was usuall and found they had a padded look & was hoping to do the same. I also hoped for a grid view for my product at 3 columns across.
I set it fixed at 990px and hated to remove the padding, but did then I changed the 5 images to 198ea and that 5th pic is doing a second row again. I left it that way so it can be viewed now.

Is there maybe a way to calulate the correct image widths for a fluid with set to max and min numbers, forcing maybe the 5 images fluid? What if it's possible to insert something a border around all 5 images to force them to stay inside, it's okay if some on right and left get slightly cut off I'd rather that happen then not fill the space nicely. Only I don't know the code, my div try if that even applies in this case was a disaster as I probably didn't have it right.
Thank you so much for helping me!
  #6  
Old Oct 17, 2009, 12:14 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Did you think about using the new widget areas instead of the bar. Define 5 cells in the header with this
HTML Code:
<?php bfa_widget_area('name=My header Widgets&cells=5&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>
Then add a text widget to each area. In the text part add the code you currently have adding a 'class=full' so the image will resize
HTML Code:
<a href="http://www.vintagepreciousboutique.com"><img src="http://vintagepreciousboutique.com/wp-content/uploads/2009/10/cominsoonb.gif" border="0" height="200" width="220" class="size-full"></a>
Try this and see if it does what you want.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #7  
Old Oct 17, 2009, 03:42 PM
Athena
 
20 posts · Oct 2009
Hi,
I put it to fluid @ 99%
63px padding to get the pictures to strech across the width on my screen. On other computers it makes two rows with the 5th picture making a 2nd row. On the good side it makes it in the header space instead of on top of the left side bar & body. Hmm. Now I understand more about what the widget I read about so much is . Maybe it's not possible? What about making one super large pic and let the sides cut off and doing an image map I read about on google, only I don't know how to code the widget's 1st line? So close yet so far away Thanks again.
  #8  
Old Oct 17, 2009, 04:04 PM
Athena
 
20 posts · Oct 2009
Hi,
I found this http://www.smashingmagazine.com/2009...fluid-layouts/
#3 Images In A Fluid Layout, it's like rocket science to me, but maybe I can figure something out with my barely basic knowlege of this stuff.
  #9  
Old Oct 17, 2009, 04:33 PM
Athena
 
20 posts · Oct 2009
okay, I'm set @ 750px min on one computer that is 800px the 4th & 5th image make a second row. My computer looks perfect and on a larger one there is a space to the right. I give up on making it stretch I'd be happy with no scroll and one row of 5 images for min 750px anything below 750px view, big sigh, can't help it. going to make my images=no more than 750 though there will be a huge space on the right. sorry to go on and on, just talking to myself, lol.
  #10  
Old Oct 17, 2009, 04:49 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
1) did ou create teh new widget area?
2) did you add a text widgett to each area?
3) did you put the <a...> code in the text area of each of the 5 new widget areas?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #11  
Old Oct 17, 2009, 08:11 PM
Athena
 
20 posts · Oct 2009
Hi,
Yes, that is if I understand it correctly. Here it is:

%logo %bar1
<?php bfa_widget_area('name=My header Widgets&cells=5&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>
<a href="http://www.vintagepreciousboutique.com"><img src="http://vintagepreciousboutique.com/wp-content/uploads/2009/10/cominsoonb.gif" border="0" height="200" width="220" class="size-full"></a>
<a href="http://www.vintagepreciousboutique.com"><img src="http://vintagepreciousboutique.com/wp-content/uploads/2009/10/comingsoonp.gif" border="0" height="200" width="220" class="size-full"></a>
<a href="http://www.vintagepreciousboutique.com"><img src="http://vintagepreciousboutique.com/wp-content/uploads/2009/10/cominsoonb.gif" border="0" height="200" width="220" class="size-full"></a>
<a href="http://www.vintagepreciousboutique.com"><img src="http://vintagepreciousboutique.com/wp-content/uploads/2009/10/comingsoonp.gif" border="0" height="200" width="220" class="size-full"></a>
<a href="http://www.vintagepreciousboutique.com"><img src="http://vintagepreciousboutique.com/wp-content/uploads/2009/10/cominsoonb.gif" border="0" height="200" width="220" class="size-full"></a>
%bar2 %pages

Just to see if I didn't I tried adding the 1st part before each <a href and they made 5 rows so I figured the above the way I have it is maybe correct.
Thanks
  #12  
Old Oct 17, 2009, 08:27 PM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
If you put that all i the header area that is wrong.

1) put '<?php bfa_widget_area('name=My header Widgets&cells=5&before_widget=<div id="%1$s" class="header-widget %2$s">&after_widget=</div>'); ?>' in the header with %logo and %bar1

2) view the site home page twice to make sure the widget areas are created

3) go to dashboard->appearances->Widgets - you should now see 5 new widget areas. Drag the 'text' widget onto each area.

4) in each text widget's text area (man that's a mouth full) put one of the
HTML Code:
<a href="http://www.vintagepreciousboutique.com"><img src="http://vintagepreciousboutique.com/wp-content/uploads/2009/10/cominsoonb.gif" border="0" height="200" width="220" class="size-full"></a>
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #13  
Old Oct 17, 2009, 08:55 PM
Athena
 
20 posts · Oct 2009
Oh My Gosh!!!!!
Beautiful!!!!!
I could cry tears of joy, I almost fell down the stairs!
Wow, it puts tiny padding to center the images and spread it across! Wow!
Thank you! Thank you! Thank you!!!
As soon as I'm able I'm giving a bigger donation then I had already in mind, yeah!
I feel like running a victory lap around the block!

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] problem loading images into posts ThaddeusB1 Atahualpa 3 Wordpress theme 4 Nov 9, 2009 10:56 AM
Using bar1 or bar2 for Javascript? paulae Header configuration & styling 3 Sep 30, 2009 11:47 AM
[SOLVED] New problem uploading images on Atahualpa missdanamarie Forum How-To 6 Sep 16, 2009 02:27 PM
Filling empty space of pagebar with RSS button etc Sakshin Header configuration & styling 2 Aug 30, 2009 12:34 PM
[SOLVED] problem loading images into posts ThaddeusB1 Forum How-To 0 Jul 17, 2009 10:42 PM


All times are GMT -6. The time now is 01:06 PM.


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