Phoca Forum

Hello! Nice module! But i have a problem... really annoying one!

Well, shortly, this is my story...



Any suggestions?

EDIT: So far i've figured that the thumbnail is centered inside "class = phocagallery-box-file-third" by inspecting the site with Web Developer firefox addon. Means that third box isnt centered in second one though...

Please help!

EDIT2: Well, investigating this, i've found out that those boxes are just too close to eachother. Every box is centered in each, but they are too close on the right side, thus making it look like they are tight. Any ideas how to separate them a bit?

EDIT3: Hah! Well, I must say, this was one fun investigation... problem solved

#phocagallery-module-ri a img {
border:0px;padding:-2px;margin-left:-16px;margin-bottom:30px;margin-top:-3px;
}

Ok

Where is the file to edit and what's the name of the file?

Thanks,
m.

components/com_phocagallery/assets/phocagallery.css ... but be aware while changing this css, there is very difficult code which should display horizontal and vertical centering of images in the box in most browsers ... first you should look, if this code is not overwritten by e.g. template css

Jan wrote:components/com_phocagallery/assets/phocagallery.css ... but be aware while changing this css, there is very difficult code which should display horizontal and vertical centering of images in the box in most browsers

isn't modules\mod_phocagallery_random_image\assets the path?

... first you should look, if this code is not overwritten by e.g. template css

how can i make this verification?

Thanks
m.

yes (in case of module) it is the path you have written...

how can i make this verification?
e.g. with help of web developer plugin in Firefox, you can display or hide different css which are loaded on the site

go to CSS -> Disable Styles -> Individual Style Sheet and click on some css to deactivate it, so you can deactivate all css (step by step) so you find if there is e.g. some conflict between different css...

Jan