Author Topic: EasySpoiler and problem with CSS ? OR ?  (Read 12796 times)

nourss

  • Tadpole
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
EasySpoiler and problem with CSS ? OR ?
« on: October 18, 2012, 08:31:35 AM »
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
« Last Edit: October 18, 2012, 08:37:35 AM by nourss »

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #1 on: October 18, 2012, 10:19:43 AM »
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

  • Tadpole
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #2 on: October 18, 2012, 11:50:59 AM »
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

  • Tadpole
  • *
  • Posts: 2
  • Karma: +0/-0
    • View Profile
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #3 on: October 18, 2012, 11:57:02 AM »
Hello and thanks

It's better now ! :)

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #4 on: October 18, 2012, 12:33:38 PM »
Mike no problem.   Will get to it this evening

2positive

  • Tadpole
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #5 on: November 02, 2012, 02:54:15 PM »
So.. what abut my case?)

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #6 on: November 02, 2012, 04:26:17 PM »
Oh sorry got you and other posters confused.  Ill post back this evening

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #7 on: November 02, 2012, 11:53:33 PM »
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

  • Tadpole
  • *
  • Posts: 3
  • Karma: +0/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #8 on: November 12, 2012, 01:29:29 PM »
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

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #9 on: November 15, 2012, 11:06:38 PM »
You are likely fine then.  It would just be cosmetic

Cecil

  • Tadpole
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #10 on: January 06, 2013, 08:34:54 PM »



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

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #11 on: January 06, 2013, 08:42:39 PM »
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

  • Tadpole
  • *
  • Posts: 4
  • Karma: +0/-0
    • View Profile
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #12 on: January 06, 2013, 09:29:30 PM »
Here's a link to the problem from the screenshots:
http://www.randygaul.net/about/

Thanks for the fast reply!

doug@dyerware.com

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #13 on: January 08, 2013, 12:16:39 AM »
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

  • Administrator
  • Sr. Member
  • *****
  • Posts: 456
  • Karma: +15/-0
    • View Profile
    • Email
Re: EasySpoiler and problem with CSS ? OR ?
« Reply #14 on: January 08, 2013, 12:55:09 AM »
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!

 

anything