EasySpoiler and problem with CSS ? OR ?

[nourss]

Hello,

Can you look here : http://www.simply-informatique.fr/?page_id=87

I don't understand why my spoiler are so big..

Any idea ?

I have try to put <table style="width:100%" > </table> at the first line of my page but doesn't works ( see her : http://www.dyerware.com/forum/index.php/topic,162.0.html )

Thx,

NourSs

[doug@dyerware.com]

No worries...
in your style.css do the following (it is easily undoable by backing out the little 'x's I mention)

line 776 put a little 'x' in front of border-bottom and margin (to make it unrecognizable so css skips it):

.entry-content table, .comment-content table {
border-bottom: 1px solid
#ddd;
margin: 0 0 1.625em;
width: 100%;
}
that margin statement above (and the border bit)


line 791 line 782 put a little 'x' in front of border-top and padding (to make it unrecognizable so css skips it):

.entry-content td, .comment-content td {
border-top: 1px solid
#ddd;
padding: 6px 10px 6px 0;
}



line 782 put a little 'x' in front of line-height (to make it unrecognizable so css skips it):

.entry-content th, .comment-content th {
color:
#666;
font-size: 10px;
font-weight: 500;
letter-spacing: 0.1em;
line-height: 2.6em;
text-transform: uppercase;
}

[2positive]

Hello, if my email didn't come.

I have the same proublem

My spoiler is so big...   http://life-eliksir.com/?page_id=1364
Can u help me? Cause I am not so skilled in coding.
thx

  Mike

[nourss]

Hello and thanks

It's better now !

[doug@dyerware.com]

Mike no problem.   Will get to it this evening

[2positive]

So.. what abut my case?)

[doug@dyerware.com]

Oh sorry got you and other posters confused.  Ill post back this evening

[doug@dyerware.com]

Ok 2positive, see how you like this.  It may change how your site looks.  If so there is a more subtle change you can make.

style.css, line 524
add a little 'x' in front of tr and td (shown in bold below):

#content xtr xtd {
border-top: 1px solid
#e7e7e7;
padding: 6px 24px;
}

and style.css, line 510
add a little x in front of table (shown in bold below):

#content xtable {
border: 1px solid
#e7e7e7;
margin: 0 -1px 24px 0;
text-align: left;
width: 100%;
}

[2positive]

Wow. thx a lot, it works fine!
But u said it can make some changes in how my site looks.
Do u know where it can be exactly? Have looked through, but didn't find any changes.

[doug@dyerware.com]

You are likely fine then.  It would just be cosmetic

[Cecil]

So here is my issue

The bottom portion of the spoiler is... giant and weird. Any idea how to fix this? I'm using the 2013 theme.

[doug@dyerware.com]

Ill take a look. Wp did weird things in the new default themes.  I should accommodate

Will reply back you once I get it .  You can register for email from this thread

Can you provide me a URL on your site with the problem?

[Cecil]

Here's a link to the problem from the screenshots:
http://www.randygaul.net/about/

Thanks for the fast reply!

[doug@dyerware.com]

Im able to replicate it with the twentytwelve theme.  I see the issue (it has an overly aggressive style to table and tr for some reason).  Ill work in an update soon to counter this.

Will post back once the update is out

[doug@dyerware.com]

Ok I updated ES to v1.9 and added additional rules in the easyspoiler.css file.

Let me know if this works better for you!