Altering the Code+Spoiler Box

Site: http://paperthin-hymn.nstars.org/
Running: Invision

Question!
As simple as it sounds, I would like to change the appearance of my code/spoiler box from the one
I currently have on my site to the identical one this site is using, along with the "Select Content" button
for the code box.~

For the Select Content Button:

https://help.forumotion.com/t93456-select-content-button

Hi,

To make the spoiler box and code box look same as this forum, you can add the following codes in Admin CP > Display > Colors > CSS..

Code:

.spoiler dd {
padding: 0px;
}.spoiler {
background: #fff;
border: 1px solid #999;
}.spoiler dt {
background: #fff;
border-bottom: 1px solid #ccc;
}

.codebox {
background: #fff;
border: 1px solid #999;
}.codebox dt {
background: #fff;
border-bottom: 1px solid #ccc;
}.codebox dd {
border: none;
}

For the select all button, use the link that slg posted above

Thank you! It worked wonderfully <3

Though, is there any way for the scrolling bar to not be there? It seems to be appearing in the code box. Also, when I use [*blockquote][/blockquote*], it literally quotes the text as if it were [*quote][/quote*]. Any help on that subject too T _T? I don't want to be a hassle.

To remove the scroll bar from code box, add following code in your CSS..

Code:

.codebox dd {
max-height: auto !important;
}

You see, the scrollbar is from left to right. Not up and down. D:
Thank you for replying in such a timely fashion <3

To remove the vertical scroll bar this code will help..

Code:

.codebox dd {
white-space : normal !important
}

Perfectly solved.
Thank you ankillien <3

Glad I could help out

Topic Solved