• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.4 Add CSS code for a specific bloc

Betclever

Active member
#1
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:

Code:
<!-- 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

XenForo moderator
Staff member
#2
You could use inline styling for just that one instance:

Code:
<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:

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

Betclever

Active member
#4
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,