Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Online
Add a reply View Replies (1)

Resolved Css and Bootstrap conflict?

  1. captfred
    captfred
  2. Support
  3. Thursday, December 30 2021, 12:40 AM
On our Easy Profile directory, search results page, we cannot get our CSS to apply the spacing above the orange all caps heads {legend}. With Google Inspector it seems to apply if we turn off the margin in Bootstrap. All our CSS for {legend} is being applied except for margin-top.

In the second screenshot you will see that we turned off Bootstrap margin
Attachments (2)
Screen Shot 2021-12-29 at 5.34.05 PM.png Screen Shot 2021-12-29 at 5.34.05 PM.png
Screen Shot 2021-12-29 at 5.34.15 PM.png Screen Shot 2021-12-29 at 5.34.15 PM.png
References
  1. https://boatcaptainschicago.com/component/jsn/Captainkatiepaul?Itemid=&back=1
Responses (1)
admin
admin Accepted Answer
Admin
Hi,
sorry but I does not understand well, in the screenshot you show me the fieldset (container) but your description you specify the legend (title)

The fieldset (container) have a margin top set to 0 (also the margin bottom) from file bootstrap-gantry.css (/media/gantry5/assets/css/bootstrap-gantry.css), by disabling this CSS statement (second screenshot) the fieldset inherit the margin from file nucleus.css (/media/gantry5/engines/nucleus/css-compiled/nucleus.css) so the margin top is still 0 but margin-bottom will be 1.5rem.
Both these files comes from Gantry Framework and not by Easy Profile.
  1. more than a month ago
  2. Support
  3. # 1
  • Page :
  • 1


There are no replies made for this post yet.
However, you are not allowed to reply to this post.