XF 1.4 Add CSS code for a specific bloc

[Betclever]

Hello all,

I have on my site a specific bloc just under my categories and I want the same border and color as my categories...

Please find the codes I have used for my categories:

border: 1px solid #d5d5d5;
background-color: #f1f1ec;
padding: 5px;
border-radius: 5px;

Here is my website => bet-clever.com

You will see the bloc "partenaires". I want to change that one and apply the CSS I have used for my categories.

Please find the code under forum_list:

<!-- Partenaires -->

<div class="section sectionMain nodeList">
<div class="nodeInfo categoryNodeInfo categoryStrip">
<div class="categoryText">
<h3 class="nodeTitle">PARTENAIRES<span class="nodeDescription muted baseHtml" style="float: right;"><a href="misc/contact"><i>Devenir partenaire ?</i></a></span></h3>
</div>
</div>
<div>
<li>
<span class="section">
<div class="secondaryContent statsList">
<img src="@imagePath/xenforo/widgets/link.png" alt="" />
<center>
<span class="userTitle">
<a href="https://test">test</a><img src="@imagePath/xenforo/widgets/separator.png" alt="" />
<a href="test">test</a><img src="@imagePath/xenforo/widgets/separator.png" alt="" />
<a href="test">>test</a><img src="@imagePath/xenforo/widgets/separator.png" alt="" />
</span>
</div>
</span>
</li>
</div>
</div></center>
<!-- Fin Partenaire -->

Thanks for your help,

 

[Jake Bunce]

You could use inline styling for just that one instance:

<div style="border: 1px solid rgb(213, 213, 213); background-color: rgb(241, 241, 236); padding: 5px; border-radius: 5px;" class="section sectionMain nodeList">

Or add your own class name and then define that class in the EXTRA.css template:

.YOURCLASS
{
border: 1px solid rgb(213, 213, 213);
background-color: rgb(241, 241, 236);
padding: 5px;
border-radius: 5px;
}

 

[Betclever]

It works, thanks Jake !

 

[Betclever]

Just a remark,

I have changed the background color but the grey border doesn't appears anymore...

website => bet-clever.com

Div I'm using under forum_list for the bloc "partenaires" just under my categories => <div style="border: 1px solid #F1F1EC; background-color: #EFFBFF; padding: 5px; border-radius: 5px;" class="section sectionMain nodeList">

Something is missing cause I want the same border as my categories?

Thanks,