Joomla 3 - style of DEMO Stock Photos missing

[spucher]

Hello everybody,

I installed Phoca Gallery for Joomla 3 and tried to configure the style of DEMO Stock Photos in "Options" of Phoca Gallery -> "Categories" ...
but it seems that it is not possible anymore. I used this style in previous Joomla versions and I like this style very much.
Can anyone help me to find the same style in Phoca Gallery for Joomla 3 like it is shown in the DEMO of "Stock Photos"?

Thanks a lot

[Benno]

Hi,
take a look at Categories View - Legacy Settings

Kind regards,
Benno

[spucher]

Hi Benno,

thanks for your help. I know the Legacy Settings in Categories View. I tried all styles but I do not get the same style like it is in the DEMO.
I do not have a border and the name of the category is not shown at the top (in the border)
I only receive a box with shadow but no border is displayed.



It does not make a difference which of the legacy settings is choosen. No border is shown.

Do you have another idea?

Thx for your help

[Benno]

Hi,
1.) backup the file /media/com_phocagallery/css/main/phocagallery.css
2.) edit this file from:

Code: Select all

.pg-field {
	margin: 10px;
	padding: 10px;
	background: #fff;
	-webkit-box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

to:

Code: Select all

.pg-field {
	margin: 10px;
	padding: 10px;
	background: #fff;
	-webkit-box-shadow:1px 1px 2px 1px rgba(120, 120, 120, 0.5), inset 0px 0px 7px 7px rgba(240, 240, 240, 0.2);
	-webkit-border-radius: 2px;
	border-radius: 2px;
   border: 1px solid #ccc;
}

Kind regards,
Benno

[spucher]

Hello,

thank you so much for your help. I checked the mentioned file (phocagallery.css) but I can not find
".pg-field" ... it is not in the file! I added your code but nothing happened. Is it possible that this
code is not in the file?

Best regards

[spucher]

Hello,

I found the css settings of ".pg-field" in the file default.css. I changed the settings but nothing happened - Same view as before.
Any other idea?

Thanks and best regards

[Jan]

Hi, on "Stock Photos" demo site: https://www.phoca.cz/stockphoto/stock-photos the Joomla! 2.5 is running, so some class names can be called differently

Jan

[Benno]

Hi,
sorry, yes I mentioned the wrong file...
This is the right one: /media/com_phocagallery/css/custom/default.css
If i do following settings:
1.) Template=protostar - (default)
2.) backend --> Components --> Phoca Gallery --> Control Panel --> Categories View --> Categories View - Legacy Settings --> Displaying Style=Categories, images and detail information (float)
Equal Percentage Column Width=Yes
Box Width=50%
Number Of Columns=2
Save & Close
3.) Change the code in: /media/com_phocagallery/css/custom/default.css
as mentioned above.
4.) In my case the frontend view changed from:



to:




Hope this is what you want....

Kind regards,
Benno