Click here to edit contents of this page.
Click here to toggle editing of individual sections of the page (if possible). Watch headings for an "edit" link when available.
Append content without editing the whole page source.
Check out how this page has evolved in the past.
If you want to discuss contents of this page - this is the easiest way to do it.
View and manage file attachments for this page.
A few useful tools to manage this Site.
See pages that link to and include this page.
Change the name (also URL address, possibly the category) of the page.
View wiki source for this page without editing.
View/set parent page (used for creating breadcrumbs and structured layout).
Notify administrators if there is objectionable content in this page.
Something does not work as expected? Find out what you can do.
General Wikidot.com documentation and help section.
Wikidot.com Terms of Service - what you can, what you should not etc.
Wikidot.com Privacy Policy.
I'm a newbie puzzling out using collapsible blocks. Here's the page I'm playing on: http://www.helpwithregs.com/tester:226over. See that I've gotten the "show" and "hide strings to work the way I want them to (many thanks to Michal Frackowiak's excellent snippets post). But I'd like the "show" string to appear with the same line spacing as the plain text above. (In this example, the space between the row with "226.4…" and that with "226.5…" would be the same as the space between the rows "226.3…" and "226.4…"
I had a similar issue with line spacing (only I know it's not really called that) on heading (h3, in my case) and was able to follow Rob's guidance on customizing the style to make that work. (See: http://www.helpwithregs.com/admin:css)
So I think that if I want to change this "spacing" on this page only, I need to insert a CSS module to adjust that for the "show" string. And to do that I need to know at least two things:
1. What is the correct name of the (what's-it-called) "thing" that I'm modifying? and
2. What parameters (arguments) would be correct to change?
I've snooped around in the html code for both the common theme and the Webbish2 theme that I'm using. I couldn't see anything in those that seem to establish argmuents for anything like "collapsible-block" etc.
Thanks in advance for your help.
I need to catch a train in about 10 minutes, so this'll be quick and probably only a partial answer, but I'll do my best :)
Yes: You are correct in that you need to use the CSS Module, if you only want to affect that page.
This is the part of your page that corresponds to the collapsible block (in HTML):
So you will want to affect the 'collapsible-block' class in CSS. For example:
As for what CSS goes there… I'll have to have another look at that later (or Rob or someone else will step in and help you out).
Cheers,
Shane
~ Leiger - Wikidot Community Admin - Volunteer
Wikidot: Official Documentation | Wikidot Discord server | NEW: Wikiroo, backup tool (in development)
In this particular case it is not the collapsible-block class that is having the effect on the line spacing. The first lines from 226.1 to 226.4 are treated as part of the paragraph which has a bottom margin. So you need to remove that margin to get the collapsible block text 226.5 to move up to immediately below 226.4. But you only want to apply it to the main content just in case anything else elsewhere on the page gets affected, like this:
A tool which is invaluable in seeing what rules are being applied and to allow you to try changes on-the-fly is a Firefox add-on called Firebug. There are alternatives built in to the web development menu options on Chrome, Safari and IE but for me Firefox is the best one and it's one of the two or three tools I would not want to be without each day.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Many thanks to both Shane and Rob. Rob's suggestion makes the bottom margin of #main-content p to go away — GREAT — but there's still a bottom margin to the collapsible-block-link (I think) class. See here: http://www.helpwithregs.com/tester:226over
It's clear to me that I need a bunch more background on CSS and HTML. Your guidance is really helpful, and I don't want to abuse it. Can you point me to a tutorial that may lead me to ask smarter questions?
the problem here is that in the javascript that controls the collapsible block, Wikidot adds a line break at the end of the block. We can't just remove that but you can try the following (noting the negative value), adjusting the value to taste:
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Hmmm. So I added it like this:
[[module CSS]]
#main-content p {
margin-bottom: 0;
.collapsible-block {
margin-bottom: -15px;
}
[[/module]]
to no visible effect. Did I put it in the wrong place? Did I goof the syntax somehow?
You missed the closing brace on the #main-content element. It should be:
Community Admin
That fixed it. Thanks to all.
And Im running from a standard users account with strict limitations, which I think may be the limiting factor, but Im running the cmd as the system I am currently working on.
No, the standard account has no limitations on the syntax usage .
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?