1. 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

Discussion in 'Styling and Customization Questions' started by Betclever, Dec 18, 2014.

  1. Betclever

    Betclever Active Member

    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,
     
  2. Jake Bunce

    Jake Bunce XenForo Moderator Staff Member

    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;
    }
    
     
  3. Betclever

    Betclever Active Member

    It works, thanks Jake ! :)
     
  4. Betclever

    Betclever Active Member

    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,
     

Share This Page