End of Support for Joomla 3 - Forum closed

bootsrap.css without units make the brower failed

bootsrap.css without units make the brower failed was created by lcollong

Posted 7 years 5 months ago #19048
Hi,

For example, the file public_html/templates/jp-exchange/css/bootstrap.css, line 1641 contains a margin-bottom instruction for the class "control-group" set to "0.8" without unit (px, em, cm, etc...). This does not fulfill the W3S css rules and make the browser (chrome) ignore this instruction as it tries to add "px" as a default unit which is not acceptable (0.8px is wrong).. Thus all my forms (I'm using Fabrik component : ie a lot of forms) are badly formated.
I think this file should have "em" units on a lot of place. Is there any update for it ?

Attachments:

Please Log in or Create an account to join the conversation.

Replied by joomlaplates on topic bootsrap.css without units make the brower failed

Posted 7 years 5 months ago #19049
Hi there,
add this code to your css/custom.css and override the stupid bootstrap style:

.form-horizontal input + .help-block,
.form-horizontal select + .help-block,
.form-horizontal textarea + .help-block,
.form-horizontal .uneditable-input + .help-block,
.form-horizontal .input-prepend + .help-block,
.form-horizontal .input-append + .help-block {
margin-top: 0.9em !important;
}

Please Log in or Create an account to join the conversation.

Replied by lcollong on topic bootsrap.css without units make the brower failed

Posted 7 years 5 months ago #19062
Thanks for your answer. However it does not fix my problem as Fabrik uses other class (see snapshot).
BTW I don't understand how this happened and how it works. The files from original Bootstrap download does not have such non units values.
I decided to go and manually modify your bootstrap file since there are a lot of lines with 1.6 or 0.9 or 2.4 etc.... instructions line-height, margin, etc.... The result is ok and errors disappeared. But a new problem came up, I've customized two styles for different part of my site. It seems duplicating the bootstrap.css file and install it inside style/MyStyle/css and does the mod's on this file. So I'll have to modify these two files also... :-(
Also I've compared the original bootstrap.css in the main css directory to these styles/MyStyle/css ones and they have more differences that strictly the ones I did using the interactive customizer....
I'm a bit frustrated....

Attachments:

Please Log in or Create an account to join the conversation.

Moderators: joomlaplates

Installations-Service

Don´t waste your time, we install your purchased Template
with the "Demo Content" within the next 24 hours.

Buy Now - 59€

Joomlaplates/Theme-Point is not affiliated with or endorsed by Open Source Matters or the Joomla! Project

Copyright © 2024 JoomlaPlates | Professional Joomla Templates with Uikit 3

Disclaimer & Privacy | License