Custom style of upload button

This support ticket is created Il y a 6 années et 12 mois. 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.

Aucun de nos assistants n'est disponible aujourd'hui sur le forum Jeu d'outils. Veuillez créer un ticket, et nous nous le traiterons dès notre prochaine connexion. Merci de votre compréhension.

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)

Marqué : Content-submission forms, Toolset Forms

Ce sujet contient 1 réponse, a 2 voix.

Dernière mise à jour par Christian Cox Il y a 6 années et 12 mois.

Assisté par: Christian Cox.

Auteur

Publications

décembre 9, 2017 at 10:07 pm #597424

toolset-dave

Hi, is there any way how to customize Upload image button? For example like this: lien caché

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;
}

décembre 10, 2017 at 7:00 pm #597489

Christian Cox

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.