1. Fabrik 3.9 has been released. If you have updated Joomla to 3.9, this is a required update.
    Dismiss Notice

SOLVED: Style element label in details view

Discussion in 'Community' started by dimoss, Jan 12, 2020.

Thread Status:
Not open for further replies.
  1. dimoss

    dimoss Well-Known Member

    Level: Community
    Hi,

    Reading the below in WiKi I tried to change the text aligment of the label in the details view:
    http://fabrikar.com/forums/index.ph...3-3/#styling-a-specific-row-in-a-details-view

    I added the following code in my custom-css.php to overide the Gantry 5 Helium settings with no lack:
    Code (CSS):
    #form .fabrikLabel {
        text-align: left;
    }
    Looking at the code in saw that the full class name is 'fabrikLabel control-label'. I tried also with this but no lack either.

    Any idea what I am missing?
    Thanks.
     
    Last edited: Jan 12, 2020
  2. lousyfool

    lousyfool Active Member

    Level: Community
    "#form" must be a typo in the Wiki... AFAIK there's no ID "form" anywhere in the code.

    Look at the other code in the Wiki: Try #$form or, depending on what you want to do, leave the ID off as selector and try with classes only, eventually with an !important added.

    (I've never been messing with the Wiki... but may try to correct the typo... or someone else please may do so...)
     
    troester likes this.
  3. troester

    troester Well-Known Member Staff Member

    Level: Community
    Corrected in WIKI
     
    lousyfool likes this.
  4. dimoss

    dimoss Well-Known Member

    Level: Community
    Thanks both.
    However i had tried with #$form and doesn't work
    I tried also without it only with classes and also !important.
    Nothing works.
     
  5. troester

    troester Well-Known Member Staff Member

    Level: Community
    Do you have a link to your form?
     
  6. dimoss

    dimoss Well-Known Member

    Level: Community
  7. troester

    troester Well-Known Member Staff Member

    Level: Community
    Try
    #group1 .fabrikLabel {
    text-align: left;
    padding-top: 0;
    }
    (in ....views/details/tmpl/bootstrap/custom_css.php)
     
    dimoss likes this.
  8. dimoss

    dimoss Well-Known Member

    Level: Community
    Hi Troester,

    tried. Nothing.
    I tried everything with this custom-css.php on the view/details
     
  9. dimoss

    dimoss Well-Known Member

    Level: Community
    Thanks Troester..
    It seems it was a caching issue on Chrome.
    Tried with incognito and works fine.
     
    Last edited: Jan 12, 2020
Thread Status:
Not open for further replies.

Share This Page