Button style.

Hi,

could someone help me with editing the .css of some button styles?

link: http://wkr.pimrozendaal.nl/2013-10-16-0 ... /downloads

I've installed the phoca.cz downloads component but the buttons are not matching with the template.
It is irritating me and nobody could help me at the phoca forum.

Hope so....

Regards,
Pim

The same for the restore button on the phoca guestbook. The send (verstuur) is okay but strange enough the restore (herstellen) is other in style.

link: http://wkr.pimrozendaal.nl/gastenboek

Hi

Please try add this to css:

Code: Select all

input[type="reset"],
#phoca-dl-category-box .pd-button-details a,
#phoca-dl-category-box .pd-button-download a {
    background: none repeat scroll 0 0 #7484FF;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF !important;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 15px;
    font-weight: 400 !important;
    height: 34px;
    line-height: 34px;
    margin: 0 5px 2px 2px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.3s ease-out 0s;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
}


let me know when You make it, becuase it's not all code required.

...let me know when You make it, becuase it's not all code required.

It works almost perfectly. The only thing in phoca download is when I hover the image I see the old buttons. But I will try to fix it by myself Thanks a lot!

Hi

Ok. If You will have problems with that, just let me know.

Yes please, its to hard for me to solve this.

Hi

Ok. Please try add this code as well:

Code: Select all

#phoca-dl-category-box .pd-button-details a:hover,
#phoca-dl-category-box .pd-button-download a:hover {
background-images: none;
}


thanks for all the good help.
The .css you send isn't working.

Do you have maybe more options to solve this?

Hi

Its not working becuase I've made a typo, sorry. Try with this code:

Code: Select all

#phoca-dl-category-box .pd-button-details a:hover,
#phoca-dl-category-box .pd-button-download a:hover {
background-image: none;
}


Hi

Its not working becuase I've made a typo, sorry. Try with this code:

Code: Select all

#phoca-dl-category-box .pd-button-details a:hover,
#phoca-dl-category-box .pd-button-download a:hover {
background-image: none;
}


GREAT!! thank you

Hi

No problem. Glad I could help.

Hi

No problem. Glad I could help.

Hi,

One more question about the colors. I've activated the style switcher in the template options. Everything changes but the Phoca buttons not. I know we've made some .css changes but is it possible to create a code wich makes it possible to change the button colors when I choose a other color?

Hi

You need to add this code with a coresponding color to a style1.css, style2.css, etc

Code: Select all

#phoca-dl-category-box .pd-button-details a,
#phoca-dl-category-box .pd-button-download a {
    background: none repeat scroll 0 0 #7484FF;
}


Hi

You need to add this code with a coresponding color to a style1.css, style2.css, etc

Code: Select all

#phoca-dl-category-box .pd-button-details a,
#phoca-dl-category-box .pd-button-download a {
    background: none repeat scroll 0 0 #7484FF;
}


It seems to be working! Thanks again!

Hi

No problem. Glad I could help