9 years ago
Topic

Hello,

I'm looking for a quick and easy way to apply an existing css file (from an another no seblod website) on a Seblod form. What is the best method? All those I have considered seem very laborious .

Thanks very much.

Get a VIP membership
572 Posts
_jrmo
9 years ago
2
Level 1

Hi Alain,

Why don't you just go to the website, right click and go "view source" - and click on their CSS file link. Then save the page to your computer, upload it to your web server and include it in your template?

OR

In firefox, right click on their form and "inspect element" then grab the CSS styles that you want to copy, and paste them in to your sites CSS file.

9 years ago
1
Level 2

Hello,   I think that my question is stupid or/and poorly written: 

After creating a seblod form,  the source code is like this (with a minima template) <div id="cck1r_an_nb_heures" class="cck_forms cck_site cck_text cck_an_nb_heures"><div id="cck1r_label_an_nb_heures" class="cck_label cck_label_text"> Is there a way to avoid or/and replace these predefined css classes (cck_forms, etc. ) by the classes used in my own css files?

I'm looking for a way to make 22 differents forms with the same design without overriding and without writting the class name for each field for each form.

Thanks.

572 Posts
_jrmo
9 years ago
0
Level 3

Hi Alain,

Why don't you just add the cck_forms class to your CSS file with your other form styles. So lets just say you have a style that makes all input fields have a radius of 5px

input {border-radius: 5px;}

You would add

cck_forms input, input {border-radius: 5px;}

_jrmo

9 years ago
1
Level 1

Hi Alain,

You can add more css classes to those prexisted ones by following 2 ways:

  • click on button "6" and add a css class on column "Markup class"
  • click on the configuration of the desired field, for example Article Title (Back-end). Click on the arrow at bottom of this configuration, add a css classes

Regards,
Mehdi

9 years ago
0
Level 2

Thank you very much for the answers !

Get a Book for SEBLOD