XF 1.4 How to remove the border (content) "main content"

[Betclever]

Hello,

I want to remove the main content so remove the white block around the categories...

I have tried to use this CSS code but it removes everything :

.mainContent {
display-none;
}

I can add or remove a border like the blue one but I can't remove the white content.

Thanks for your help,

 

[Betclever]

UP.

Thanks,

 

[Amaury]

Try this:

#content .pageContent {
    background: none;
}

 

[Betclever]

It works for the secondary block so for sub-forums and not for the home page.
I already tried this code without success...

Any idea?

 

[Optic]

Hello @Betclever,

That's controlled by @sectionMain:


By default that colour is inherited by@contentBackground in your palette:


You can either just "Clear value" or change @contentBackground to "Clear value" instead.

Edit: border should be there too which you can "Clear value" too.

 

[Betclever]

Thanks it works Optic.
However, how can I remove the grey border and the shadow?
Possibility to move up the section main to align it with the sidebar?

 

[Optic]

The grey border and shadow should be on the same Building Blocks style property you used to remove the background. Check the border and miscellaneous sections there.

But to be 100% sure we would need a link to your forum to inspect the CSS of your forum style.

 

[Betclever]

Please => bet-clever.com

Thanks

 

[Optic]

@Betclever if you still couldn't find it in Style Properties try adding these to your EXTRA.CSS template:

.mainContent {
background-color: transparent;
border: none !important;
box-shadow: none !important;
}

I've tested that and that appears to remove what you want on your style.