Hello Jan,
First of all a big complement for Phoca Downoad.
I have a problem witg the background of the "Download" button. This button is much bigger/broader than the "Details-button.
The size of the button is the same from both but the green backgound is too high and and the witdh is twice.
I made a attachement so you can see
Flip
Background Download button
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Background Download button
Hi, maybe there si some conflict between template css and Phoca download CSS ... see your css if there is e.g. "download" class defined ...
If you find Phoca extensions useful, please support the project
-
- Phoca Newbie
- Posts: 8
- Joined: 12 Oct 2008, 20:45
Re: Background Download button
Hello Jan,
I found in the template i use (jsn_epic_pro) indeed something that looks the same:
.download {
border-top: 2px solid #DDEDBC;
border-bottom: 2px solid #DDEDBC;
padding: 1em 1em 1em 5em;
background: #F2F9E5 url(../images/icon-text-download.png) no-repeat 1.5em;
and
div.icon-download h3 {
background: url(../images/icon-module-download.png) no-repeat left 4px;
padding: 2px 0 2px 21px;
I found in the Phocatemplate:
#phoca-dl-category-box .download {
border-top: 1px solid #00CC00;
border-right: 1px solid #008F00;
border-bottom: 1px solid #008F00;
border-left: 1px solid #00CC00;
margin: 1px 0px 1px 3px;
background: #008F00 url('images/bg-download.png') 0 0 repeat-x;
I think you are right. What can i do? Can i change "box .download" in "box .download_jan" and if so where do i have to change this, in what files?
I am not very good (o%) in PHP and CSS so please help me.
Flip
I found in the template i use (jsn_epic_pro) indeed something that looks the same:
.download {
border-top: 2px solid #DDEDBC;
border-bottom: 2px solid #DDEDBC;
padding: 1em 1em 1em 5em;
background: #F2F9E5 url(../images/icon-text-download.png) no-repeat 1.5em;
and
div.icon-download h3 {
background: url(../images/icon-module-download.png) no-repeat left 4px;
padding: 2px 0 2px 21px;
I found in the Phocatemplate:
#phoca-dl-category-box .download {
border-top: 1px solid #00CC00;
border-right: 1px solid #008F00;
border-bottom: 1px solid #008F00;
border-left: 1px solid #00CC00;
margin: 1px 0px 1px 3px;
background: #008F00 url('images/bg-download.png') 0 0 repeat-x;
I think you are right. What can i do? Can i change "box .download" in "box .download_jan" and if so where do i have to change this, in what files?
I am not very good (o%) in PHP and CSS so please help me.
Flip
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Background Download button
I don't know the ordering of your templats, but if the phoca download css will come after the main css, maybe you should add e.g.
padding 0px to:
because it seems that the padding can be inherit from the main css
padding 0px to:
Code: Select all
#phoca-dl-category-box .download {
border-top: 1px solid #00CC00;
border-right: 1px solid #008F00;
border-bottom: 1px solid #008F00;
border-left: 1px solid #00CC00;
margin: 1px 0px 1px 3px;
padding: 0px;
background: #008F00 url('images/bg-download.png') 0 0 repeat-x;
If you find Phoca extensions useful, please support the project
-
- Phoca Newbie
- Posts: 8
- Joined: 12 Oct 2008, 20:45
Re: Background Download button
Hello Ja,
Great!
Your suggestion was the solotion.
Thanks
Flipper
Great!
Your suggestion was the solotion.
Thanks
Flipper
- Jan
- Phoca Hero
- Posts: 48402
- Joined: 10 Nov 2007, 18:23
- Location: Czech Republic
- Contact:
Re: Background Download button
great to hear it, Jan
If you find Phoca extensions useful, please support the project