Jump to content

How to stop Pages Block/Widget having a border


AutoItScript

Recommended Posts

Posted

These seem to work for me 

.ipsWidget.ipsWidget_vertical.ipsBox{border:none}

or

.ipsWidget.ipsWidget_horizontal.ipsBox{border:none}

depending on if the widget is in the main grid or the sidebar.

Posted

Thanks.

Hmm I would have assumed that when you did a block in pure html mode you would be responsible for all the styling tags rather than having to CSS hack to remove styles. Odd decision.

Posted

Given that the block is this:

<li class="ipsWidget ipsWidget_horizontal ipsBox" data-blockid="app_cms_Blocks_wu1hs58ue" data-blockconfig="true" data-blocktitle="Custom Blocks" data-controller="core.front.widgets.block">

Can you see what is wrong with this selector?

.ipsWidget.ipsWidget_horizontal.ipsBox[data-blockid=*app_cms_Blocks_wu1hs58ue] 
{ 
background: #e9e9e9;
border: 0;
}

Edit: Changed it to this instead and it works.

.ipsWidget.ipsWidget_horizontal.ipsBox[data-blockid="app_cms_Blocks_wu1hs58ue"] 

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...