Joomla Templates

Thank you so much for the awesome templates!

I purchased Black Bear Pro Chromatic and when I installed it the hspace and vspace of all my images went away. It comes back when I switch the template over to BlackBearPro15.

I can't figure out what is wrong, I looked at the css and found nothing for image placement. Can you please help me fix this? I'd prefer using Black Bear Pro Chromatic since I already purchased it even though switching back to BlackBearPro15 fixes the problem.

Thanks for supporting our work and for your great feedback!

Can you give me a link? I'm not sure what could be causing this issue but it might be easier to trouble shoot if I can take a look.

I appreciate your quick response :)

The temporary url is:
63.247.64.102/~robinont/index.php (The Puppies & References pages have photos)

Hey that's looking great!

I'm looking at the pic of Sleet's puppies and the text is right up against the image - is this what you mean?

We can add a simple css rule to fix this - many of the WYSIWYG editors will add 5px v-space/h-space by default.

If you want to add a general rule for all content images then you can go into Joomla Admin > Templates and select BlackBear, then click the edit CSS option.

We'll add this:

#content img {
padding:10px;
}

You can add a rule pretty much anywhere in the css, but for consistency It's quite nice to put it next to the #content rule.

If this is to much adjust the padding value.

Or if you don't want to give it any v-space then you can add this instead:
#content img {
padding-left:10px;
padding-right:10px;
}

There are other methods for achieving this - but this is the method I would use. Let me know how you get on.

Glad you like :) (BTW, I really like the NZ film loc. site you made recently)

I wasn't sure where to include the css for image padding. The change would be on the template.css file, correct? (not the blue.css)

When I try making the change I get this error in the Template: [Edit]
The parameter file /templates/blackbearpro-chromaticedition/ params.ini is unwritable!

I tied downloading the template.css and Dreamweaver tells me it is locked. I hadn't had that problem before. I even made another template the default while I edited in case it was preventing me from making changes, but it still doesn't let me write to the file.

The permissions for params.ini in Blackbearprochromatic are 555 (read/execute but no write) do I need to change permissions?

The params.ini:
showTemplateOptions=0
templateColors=blue
logo=0

Hmm.. I have no idea why the permissions had changed on the template.css but I changed them back and I was able to add the code for the image padding, sorry about side tracking...

How come the hspace and vspace don't work on BlackBearPro Chromatic? It would be nice to adjust these settings for individual images instead of all of them being affected by the css and being locked into a single setting. I find it particularily odd since hspace and vspace works fine with BlackBear Pro.

I would really appreciate it if you could let me know how to get this working because I would love to have more control over the individual image placement on my pages.

Thank you for the quick CSS fix, for now this helps a lot since I would like to show the progress to my client.

hmmm permissions are a pain aren't they.

I see your point about the h-space/v-space - I thought you were referring to automatic spacing but if I understand correctly the settings you are applying are not working in chromatic.

This is very odd indeed...

Ok I figured it.

Remove our CSS rule disussed previously and at very top of style sheet find the below and remove img from the rule:

h1, h2, h3, h4, p, ul, li, img {
margin: 0px;
padding: 0px;
border: 0px;
font: 12px Arial,sans-serif;
}

It will look like this:

h1, h2, h3, h4, p, ul, li {
margin: 0px;
padding: 0px;
border: 0px;
font: 12px Arial,sans-serif;
}


I can't promise this may not affect another element in the layout though. Let me know if anything misbehaves after you've altered this.

It works! And I don't think anything broke. So far so good. Thank you! You rock!

Sadly, in the meantime, I found another little bug of the horrible IE/CSS kind...

The template works fine on Safari and Firefox on Mac and Firefox on PC but in IE 7 the vertical menu is not aligned to the left column, it floats about 4 to 6 px to the right.

(I wish all the older IE versions disappeared form people's PCs and hope IE8 has improved its CSS handling).

removing that img tag may have caused the menu to pop out -
chromatic.joomlabear.com/ loads in ie7 fine for me. I see your issue though at 63.247.64.102/~robinont/index.php

If you can quickly replace that img tag and check again in IE7 we can see if it is the culprit - if it is we can remove it from the body rule again and add #left img or soemthing like that - we'll make it specific to the left column.

I know I added the img rule for a reason I just cant remember what it was...

Thx for your nice compliments ;-) keeps me going.

I replaced that img tag and the vertical menu is still unaligned in IE7. I wonder why it doesn't do that with the template at chromatic.joomlabear.com? I added the 3rd column to the front page but that didn't solve the problem either.

I just found online there is a nasty bug w/IE7 and Float, float is being used on #left (template.css) do you think this might be it?

Nice to see you using the same process of deduction I do ;-)

Can you try publishing the Main Menu Title and see if this influences IE7 - if so you may have found a bug I need to fix.

Eureka!!! It's the bug you thought it was.

I published the Main Menu title = problem disappears.

BUT I don't want to publish the Main Menu title and I still need it to display correctly on IE :(

Since there's a bug fix coming... is there any way the Main Menu can be aligned to the top of the left column when the title is off? Right now there's a 5 or 6 px gap and I think it'd look cleaner if that gap wasn't there when the Main Menu title is hidden. Only if this is possible, of course.

And thank you again for helping me out with all of this today. I am very happy with the support you have so kindly provided, I have no doubt I will continue being your customer with any upcoming projects :)