dyerware

Support => Wordpress Plugins => Topic started by: nourss on October 18, 2012, 08:31:35 AM

Title: EasySpoiler and problem with CSS ? OR ?
Post by: nourss 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
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com 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;
}
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: 2positive 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
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: nourss on October 18, 2012, 11:57:02 AM
Hello and thanks

It's better now ! :)
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com on October 18, 2012, 12:33:38 PM
Mike no problem.   Will get to it this evening
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: 2positive on November 02, 2012, 02:54:15 PM
So.. what abut my case?)
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com on November 02, 2012, 04:26:17 PM
Oh sorry got you and other posters confused.  Ill post back this evening
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com 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%;
}
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: 2positive 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.
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com on November 15, 2012, 11:06:38 PM
You are likely fine then.  It would just be cosmetic
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: Cecil on January 06, 2013, 08:34:54 PM
(http://i.imgur.com/23IPf.png)
(http://i.imgur.com/GgZX9.png)

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.
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com 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?
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: Cecil 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!
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com 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
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com 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!
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: Cecil on January 08, 2013, 06:56:07 AM
I still have the same issue :(

I downloaded from the large orange link here: http://wordpress.org/extend/plugins/easy-spoiler/installation/

The webpage still says 1.8, though the zip file I downloaded was called easy-spoiler.1.9.zip

When I installed the plugin the version displayed with the wordpress control panel said version 1.8.
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: doug@dyerware.com on January 08, 2013, 09:29:54 AM
Yeah I forgot to bump a version # to 1.9 in one of the files.  I updated the file to make sure it reflects 1.9 now, sorry about that.


Your webpage now looks correct when I look at it (the change is there).  When you look at your about page and do a refresh you still have the problem? (maybe purge your browser's offline cache)


edit:  looks like twentythirteen does have a small thing I should account for but its not that bad of an artifact (just a subtle enlargement of the bottom of the spoiler mechanism).  Your site has the proper spoiler update and appears correct now in safari and firefox.
Title: Re: EasySpoiler and problem with CSS ? OR ?
Post by: Cecil on January 08, 2013, 06:46:06 PM
I see it looks great! Thanks a lot for the fast replies and quick update :) I appreciate the plugin you've made quite a bit; it's very easy to use and looks elegant on a web-page.