[Resolved] How can I give a format similar to DIVI?

[Author]

Posts

[Francisco Ramón Molina Busquiel]

Hi,
How Toolset uses Bootstrap and DIVI is incompatible with Bootstrap and therefore I cannot enable it.
How can I format similar to DIVI in this Toolset form?
hidden link
If I remember correctly you had something to improve the appearance of the Toolset Forms forms when Bootstrap cannot be enabled.
Tell me something about it.
Thanks for your help.
Regards,

[Waqar]

Hi Francisco,

Thanks for asking! I'd be happy to help.

You'll find the recommendations and some custom CSS code, in this guide:
https://toolset.com/documentation/recommended-themes/toolset-divi-integration/matching-divi-styling-using-toolset/#toolset-forms-limitations

I hope this helps and please let me know if you need any further assistance around this.

regards,
Waqar

[Francisco Ramón Molina Busquiel]

Hi Waqar,
I have inserted the CSS into the content template where the form to edit "impresoras" (printers) is, however, I cannot test it, since the link that I included in the "impresora" (printer) view does not work.
Watch the video that I indicated: hidden link
In it you can see how I have defined a view of "impresoras" (printers) by "fabricante" (manufacturer), when you click on a "impresora" (printer) a page with the characteristics of the "impresora" (printer) is displayed, at the top of that page a link should be shown to "edit" the "impresora" (printer) with the form of the content template where I have placed the CSS that you have told me, however, that link is not shown and I cannot display the printer edition form to verify that the CSS is working correctly.
Why doesn't this link work?
If you need me to give you access to the dashboard, you tell me.
Thanks for your help.
Regards,

New threads created by Waqar and linked to this one are listed below:

https://toolset.com/forums/topic/split-forms-edit-link-not-showing/

[Waqar]

Thanks for writing back.

I've checked the form on the page that you shared earlier ( hidden link ) and it seems that the custom CSS code from our guide is applying as expected.

Tip: Since that custom CSS code is for the form fields specifically, it would be better to include it through the form's own "CSS editor" tab and through the template's CSS section.
( you'll find it on the form's edit screen, just under the fields: hidden link )

As for the new question related to the form's edit link not showing, I've split it into a new ticket and will reply to it shortly.
( ref: https://toolset.com/forums/topic/split-forms-edit-link-not-showing/ )

[Francisco Ramón Molina Busquiel]

DIVI allows you to put a specific CSS for a specific page, so I have put it there, however, the page "hidden link", as I have indicated, I had to implement it as a "content template" to link it to the view of "printer".
I await your research on the link problem, I need it to make a large number of modifications to the printers that from the dashboard is very complicated to do.
Thank you so much for all your help Waqar.

[Francisco Ramón Molina Busquiel]

Hi Waqar!
The form button does not take any format.
How can you look similar to DIVI buttons?
Thanks for your help.
Regards,

[Waqar]

I've checked the form ( "Formulario Impresoras" ) and currently, in the submit button field's additional classes, Bootstrap's button class names are being used: "btn btn-primary btn-lg".

Screenshot: hidden link

You can replace them with "et_pb_button" class as mentioned in the guide that I shared earlier.
( ref: https://toolset.com/documentation/recommended-themes/toolset-divi-integration/matching-divi-styling-using-toolset/#styling-buttons )

Tip: To further customize the styles of the button, you can design a button using Divi builder on a separate page and then copy over its CSS styles, to your form's button.

Note: To check which CSS code is applying to different page elements, you can use Google Chrome's inspect element tool, as explained in this guide:
hidden link

For more personalized assistance around custom code, you can also consider hiring a professional from our list of recommended contractors:
https://toolset.com/contractors/

[Francisco Ramón Molina Busquiel]

Thank you so much for your help Waqar.
Have you been able to investigate something about the problem of showing the link to edit?
https://toolset.com/forums/topic/split-forms-edit-link-not-showing/
Thanks.
Regards,

[Waqar]

You're very welcome.

I'm currently working on your other ticket related to the link for the editing form.

I'll update you with my findings on that ticket, so this ticket can be marked as resolved.

For a new question/concern, please open a new ticket.

[Francisco Ramón Molina Busquiel]

Thank you for all of your help Waqar.