The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Spoiler error

View previous topic View next topic Go down

Solved Spoiler error

Post by fijea on Sun 18 Sep 2011, 6:46 pm

Hi,

idk since when but my spoilers are auto-open each time I visit that page..
maybe something wrong with the CSS?
Code:
.spoiler_closed {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #d9d9d9;
   line-height: 100%;
   background-color: #292929;
   border: #000000;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_closed.hidden {
   display:none;
   }
.spoiler_content {
   display:block;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   font-size: 11px;
   color: #d9d9d9;
   line-height: 100%;
   background-color: #292929;
   border: #000000;
   border-style: solid;
   border-left-width: 1px;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   }
.spoiler_content.hidden {
   display:none;
   }

and is it possible to make it rounded? :p


Last edited by fijea on Mon 19 Sep 2011, 12:21 pm; edited 1 time in total

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Spoiler error

Post by ankillien on Sun 18 Sep 2011, 7:15 pm

Hi,

May I have a link to any topic on your forum which has spoiler in it?
avatar
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Spoiler error

Post by fijea on Sun 18 Sep 2011, 7:22 pm

here you go - http://bit.ly/qurOMl

also the text is invisible..how could I change that?
thank you Smile

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Spoiler error

Post by ankillien on Sun 18 Sep 2011, 7:36 pm

Thanks for the link Smile

You can fix the bug by adding the following code in Admin CP > Display > Colors > CSS

Code:
.codebox dt {
color: #333;
}
.spoiler_content {
display: none;
}
.hidden {
display: block !important;
}
avatar
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Spoiler error

Post by fijea on Sun 18 Sep 2011, 10:38 pm

thanks ankillien!

but it's still not working Sad


EDIT:
also by adding the codes I'm unable to click on the spoiler (it's unable to close it)
so I removed the
Code:
.spoiler_content {
display: none;
}
.hidden {
display: block !important;
}
and it's clickable now but still it's auto open..

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Spoiler error

Post by ankillien on Mon 19 Sep 2011, 4:51 am

It must work. Make sure you add the codes after all other codes that are already there...

Code:
.spoiler_content {
display: none !important;
}
.hidden {
display: block !important;
}
avatar
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Spoiler error

Post by fijea on Mon 19 Sep 2011, 5:01 am

ahh yes..the thing is I put the codes on the top of my css.. Razz
thank you!

and how to make it rounded then?
I think it'll look better..

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Spoiler error

Post by ankillien on Mon 19 Sep 2011, 5:11 am

This is the code for rounded corners..

Code:
.spoiler {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
avatar
ankillien
Energetic

Posts : 5198
Reputation : 129
Language : English, XHTML, CSS, JS, PHP, SQL

http://www.webartzforum.com/

Back to top Go down

Solved Re: Spoiler error

Post by fijea on Mon 19 Sep 2011, 12:20 pm

thanks man! marked as solved! Very Happy

fijea
Forumember

Male Posts : 73
Reputation : 1
Language : English
Location : Indonesia

http://irtest.indonesianforum.net

Back to top Go down

Solved Re: Spoiler error

Post by Nera. on Mon 19 Sep 2011, 12:24 pm

Solved > Locked
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum