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

XF 1.5 Spoiler Button

Discussion in 'Styling and Customization Questions' started by Ben44, Oct 6, 2016.

  1. Ben44

    Ben44 Member

    Hi all,
    Is there anyway to hide the Spoiler Button and just have a Spoiler Link?


    Thanks in advance for any replys.

    Ben
     
  2. Ben44

    Ben44 Member

    To show what I mean, I would like the bottom text as a Spoiler and not the box around it.

    2016-10-06_14-54-24.jpg
     
  3. Brogan

    Brogan XenForo Moderator Staff Member

    You could override the CSS to remove the button styling.
     
    Ben44 likes this.
  4. Ben44

    Ben44 Member

    Can you explain how to do this please Brogan?

    OK, I found the css to edit. Thanks for pointing me in the right direction.
     
    Last edited: Oct 8, 2016
  5. Ben44

    Ben44 Member

    While this does in fact allow me to take away the buttion it does it for all buttons. Anyone know a bit of code I can add to something like the EXTRA.css that will only hide the button for the Spoiler?

    Thanks again
     
  6. Steve F

    Steve F Well-Known Member

    This will work, you can adjust the font-size if need be.

    Code:
    .bbCodeSpoilerButton {
        font-weight: bold;
        font-size: 14px;
        background: transparent;
        border: 0;
        box-shadow: none;
    }
    
    .bbCodeSpoilerButton:hover {
        background: transparent;
    }
     
    Ben44 likes this.
  7. Ben44

    Ben44 Member

    Thanks very much Steve :)
     

Share This Page