Skip Navigation

[Resolved] Custom style of upload button

This support ticket is created 7 years ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 1 reply, has 2 voices.

Last updated by Christian Cox 7 years ago.

Assisted by: Christian Cox.

Author
Posts
#597424
grey-button.png
smart-custom-file-input-3.gif

Hi, is there any way how to customize Upload image button? For example like this: hidden link

This code makes my upload close to desired style (the red button), but I dont´t know how to get rid of the button in it, see attachment. The grey color around the button is clickable area and I would like to have only this area with some text for choosing the file, not with the default button):

div[data-item_name*="credimage-"] input {
    font-weight: bold;
    width: 100%;
    background-color: #cccccc;
    color: white;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    border: 15px solid;
    border-color: #cccccc;
}
#597489

There's not a lot of flexibility for those buttons built into CRED, unfortunately. You're welcome to use any custom CSS you need to specify your own custom style, but there's not a GUI for handling that in Types or CRED. In that article you linked, review the section "hiding the input" - the solution to removing the default button is there.