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 September 18th 2011, 5: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 September 19th 2011, 11:21 am; 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 September 18th 2011, 6:15 pm

Hi,

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

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 September 18th 2011, 6: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 September 18th 2011, 6: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;
}

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 September 18th 2011, 9: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 September 19th 2011, 3: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;
}

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 September 19th 2011, 4: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 September 19th 2011, 4:11 am

This is the code for rounded corners..

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

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 September 19th 2011, 11:20 am

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 September 19th 2011, 11:24 am

Solved > Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
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