Toggle Submenu
  1. Forums
  2. Recent
  3. Categories
  4. Tags
  5. Users
  6. Badges
Support is currently Offline
Support Offday
Today is our off day. We are taking some rest and will come back stronger tomorrow. Promise!
Official support hours:
Monday To Friday except Saturday and Sunday
From 09:30 To 17:00
Our current time: Sunday 10:02 pm
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.