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

XF 1.5 How To Style Transparent?

Discussion in 'Styling and Customization Questions' started by JoshyBoy123, Sep 8, 2016.

  1. JoshyBoy123

    JoshyBoy123 New Member

    My Webiste : http://virtualprofederation.com/index.php

    basically im new to customizing and i have changed my website etc moved everything around but also i yousto have a transparent background from the old theme i used which was quite some time ago i have seem to removed it of my website as i bought a new theme not so long ago and im looking to maybe make the forum transparent to the backround or make it all transparent ill provide some links which shows the images.

    this is what i yousto have before and would like to have this again.
    https://gyazo.com/97a901305df45255a008a7ae62269a8a

    now this is my new 1 im currently using but want it to be transparent
    https://gyazo.com/4c7025967f3b44a2033e4dbc693aeefd

    i also added this to my EXTRA.css template but it did not really change much.

    .nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo,
    .sidebar .section > .secondaryContent,
    .discussionListItem,
    .sectionMain,
    .mainProfileColumn, .xenForm, .message{
    background: rgba(0,0,0,0.75);
    }

    .sectionMain .discussionListItem{
    background-color: transparent;
    }
     
    Last edited: Sep 8, 2016
  2. Try add extra.css here

    Code:
    .nodeList .forumNodeInfo {
    background-color: rgba(0, 0, 0, 0.0);
    }
    
     
    JoshyBoy123 likes this.
  3. JoshyBoy123

    JoshyBoy123 New Member

    it is still the same is there anything in my settings that i need to change?
     
  4. Yes. on extra.css
     
  5. JoshyBoy123

    JoshyBoy123 New Member

    ok np also any suggestions on where to start?
     
  6. You did saved it?

    Removed to this code, then add code again here.

     
    JoshyBoy123 likes this.
  7. Amaury

    Amaury Well-Known Member

    It's simpler if you just use background-color: transparent;
     
  8. JoshyBoy123

    JoshyBoy123 New Member

    would you be able to give me the code please m8 :)
     
    Sakata Gintoki likes this.
  9. @JoshyBoy123

    I found template name is node_list.css

    Find > background-color:
    It's like here

    Code:
    .nodeList .categoryForumNodeInfo,
    .nodeList .forumNodeInfo,
    .nodeList .pageNodeInfo,
    .nodeList .linkNodeInfo
    
    You see this found it, then here.

    Edit to here

     
    JoshyBoy123 likes this.

Share This Page