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
[SOLVED] bar1 images filling problem

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

Bookmarks



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 03:23 AM.


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