How to hide this in my page ?

[DoorMadeEasy]

Hello

 

please see the  screenshot i wanna  hide it if possible  or  if there is no options to hide then how to remove it ..  ???

Edited July 3, 2020 by DoorMadeEasy

[DesignzShop]

.ipsBreadcrumb.ipsBreadcrumb_top {
  display:none;
}


.ipsBreadcrumb.ipsBreadcrumb_bottom {
  display:none;
}

 

Add that to your themes custom.css

Regards

[DoorMadeEasy]

Thankyou it work but now  its go all the way up to touch the header is it possible to keep it in the same place just to hide it ?

[DesignzShop]

26 minutes ago, DoorMadeEasy said:

Thankyou it work but now  its go all the way up to touch the header is it possible to keep it in the same place just to hide it ?

You could add a border

#ipsLayout_contentArea {
  border-top: 7px solid #your-background-color;
}

The 7px can be changed to a higher number for more distance or lower number for shorter distance

Edited July 4, 2020 by DesignzShop

[DoorMadeEasy]

/**
 * This file is for your custom CSS.
 * This file is not modified or overwritten during upgrades
 */

.ipsBreadcrumb.ipsBreadcrumb_top {
  display:none;
}


.ipsBreadcrumb.ipsBreadcrumb_bottom {
  display:none;
}

#ipsLayout_contentArea {
  border-top: 7px solid #your-background-color;
}

 

this is  what my custom.css look like  but see the screenshot it still  go all the way up

[DesignzShop]

You need to add your background color where I mention #your-background-color in the rule above. Just replace this rule with that rule.

#ipsLayout_contentArea {
  border-top: 7px solid rgb( var(--theme-page_background));
}

 

Edited July 4, 2020 by DesignzShop

[DoorMadeEasy]

Thankyou ... it's work 🙂👌