Odd behavious when adding border to module
Odd behavious when adding border to module was created by Boradan
Posted 7 years 2 months ago #39548The above image shows the difference between 2 modules (aligned modules)
The only difference in the css for them is the fact that the one on the right has a 1 pixel border.
Adding this border seems to be adding 9 pixels of padding at the top of the module (or the title) without changing any of the css settings.
**EDIT**
I see the issue now.
ALL heading sizes in bootstrap have a 9 pixel margin.
For some reason this isn't applied until a border is added...
Changing the formatting of all h1-h6 titles in the template to 0 margin fixes the issue
Last Edit:7 years 2 months ago
by Boradan
Last edit: 7 years 2 months ago by Boradan.
Please Log in or Create an account to join the conversation.
Replied by ced1870 on topic Odd behavious when adding border to module
Posted 7 years 2 months ago #39549
Hi
this is a normal behavior and in fact a CSS bug, called "collapsing margins"
you can ask google about it to have some more advanced explanations
There is also a little video about this in the template creator component help page...
CEd
this is a normal behavior and in fact a CSS bug, called "collapsing margins"
you can ask google about it to have some more advanced explanations
There is also a little video about this in the template creator component help page...
CEd
Joomlack Webmaster and Developer
by ced1870
Please Log in or Create an account to join the conversation.
Replied by Boradan on topic Odd behavious when adding border to module
Posted 7 years 2 months ago #39550Just sorted it out by manually changing all H1 >> H6 titles to have margin of 0px (even though they had nothing in the margin fields)
Last Edit:7 years 2 months ago
by Boradan
Last edit: 7 years 2 months ago by Boradan.
Please Log in or Create an account to join the conversation.
Time to create page: 0.702 seconds