Page 1 of 1
Category View
Posted: 30 Jul 2015, 22:53
by 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!
Re: Category View
Posted: 05 Aug 2015, 00:14
by 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
Re: Category View
Posted: 05 Aug 2015, 23:21
by 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
Re: Category View
Posted: 06 Aug 2015, 11:39
by 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
Re: Category View
Posted: 07 Aug 2015, 00:47
by EmmWeh
christine wrote:
Would be fair towards to Jan & Benno to tell them about crossposting
That's right - sorry!
Category View
Posted: 08 Aug 2015, 20:24
by 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
Re: Category View
Posted: 08 Aug 2015, 22:58
by 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