Category View

[EmmWeh]

Hi,

I'm trying to publish all thumbnails of a category in an article. But the thumbnails are displayed with a frame and a brown border (hover).
This was no problem in an older PG-version by setting the option parameters. I did some CSS-experiments in 4.2.0 with no success. How can I eliminate the frames and adapt the colours?

You can find a live example at http://dev.mathiasweber.de/2-uncategorised/2-phoca-test

Phoca Gallery 4.2.0
Phoca Gallery Content Plugin 4.1.2
Joomla 3.4.3.

Thanks!

[Jan]

Hi, you can try to change the CSS of the plugin or disable it completely and set own CSS parts (e.g. in your template) for the plugin

Jan

[EmmWeh]

Hi Jan,

I tried some coding in template.css like

Code: Select all

.phocagallery-box-file.pgplugin1 {
	border:none;
	background-color:#fff;
}

but this worked only for deleting the border. It didn't work for setting the height, width, margin and padding etc.

Unfortunately I'm not really familiar with CSS. Isn't it possible to "overwrite" the style settings you made within the plugin code like mentioned above?

Thanks!
EmmWeh

[christine]

Hallo EmmWeh,

your question in post 1 was:

But the thumbnails are displayed with a frame and a brown border (hover).

Would be fair towards to Jan & Benno to tell them about crossposting: http://www.joomlaportal.de/joomla-3-x-e ... ost1598896

regards, Christine

[EmmWeh]

Would be fair towards to Jan & Benno to tell them about crossposting

That's right - sorry!

[EmmWeh]

This issue is solved by adding the following to the template.css:

Code: Select all

.phocagallery-box-file.pgplugin1 {
	height:100px !important;
	width:100px !important;
	margin-right: 25px !important; 
	margin-bottom: 25px !important;
	margin-top: 0px !important; 
	padding: 0px !important; 
	border:none !important;
}

The "!important" is giving the statement the highest priority in the style cascade, overwriting the inline style attributes in the components code.

Thanks to christine, giving this hint in the crosspost mentioned above.

Cheers,
EmmWeh

[christine]

Hi EmmWeh,

Fine. Even the issue is solved: Nevertheless I want to clarify the: !important (I use it only, if there is no other way)

As I don't work with resp. using Phoca Gallery Plugin I also didn't know and/or checked this before:
https://www.phoca.cz/documents/14-phoca- ... ery-plugin and propaply this: https://www.phoca.cz/phocagallery-button

Resulting from (Quelltext):

Code: Select all

 <style type="text/css">

 </style>
  <style type="text/css">
 .pgplugin1 {border:1px solid #e8e8e8 ; background: #fcfcfc ;}
 .pgplugin1:hover, .pgplugin0.hover {border:1px solid #b36b00 ; background: #f5f5f5 ;}

 </style>

there was no other way (for me) to change the required parameters by adding the: !important.
See 1st above link.

regards, christine