Armadillo : more space between posts?

[teefers (Doug Bennett)]

Looks like you have curly or “smart” quotes.

Content: "Categories";

Not:

content: “Categories”;

RapideWeaver>Preferences> uncheck Use Smart Quotes

Or use a text editior and copy and paste as plain text (opt+command+v).
You can take the first line and try copyand paste as plain text.

[Guilbur (Burel)]

@teefers, a great thank you, it works perfectly
Concerning the jQuery error, how can I know that the website works well ?
Is there a sort of control panel for the RW code ?
Cordialy,
Guillaume

PS: for the “tags” I’ve written (but it doesn’t work … ?)

div#blog-tags:before {
content: “Tags”;
display: block;
font-size: 1.2rem;
padding-bottom: .5rem;
}
#blog-tags{
margin-bottom: 50px;
}

[teefers (Doug Bennett)]

If you look at the code in the post I referred above:

/* Place a header text (Tags) above the text */
ul.blog-tag-cloud:before {
    content: "Tags";
    display: block;
    font-size: 1.3rem;
    padding-bottom: .5rem;
}

/*  align the ordered list below in a more neat alignment  */
ul.blog-tag-cloud {
    list-style-type: none;
    padding-inline-start: 0;
}

You’ll notice some things different, first it’s using . dots(periods) not the # pound sign. This is because the referring to a class name not an element ID. Next notice the name is different blog-tag-cloud vs blog-tags. Also the element type is diiferent, ul vs div. So basicly the CSS you have can’t find the html being generated.

Since you are using the authors if you wnat to get rid of the unorder list “disc” fro appearing you can add the following:

#blog-post-authors ul {
  list-style-type: none;
  padding-inline-start: 0;
}

@Guilbur

Concerning the jQuery error, how can I know that the website works well ?

Did you try what Indrid @indridcold suggested? You could also type adding both these statements as well to the Code>Javascript area:

$.noConflict(true);
jQuery.noConflict(true);

@Guilbur

Is there a sort of control panel for the RW code ?

All browsers have what’s called a console that whow Javascript and other errors. They are usally accessable from the developers area. I think in Safari you have to still “turn on” the developer option in preferences.
Then in Safari opt+cmd+c
FireFox: opt+cmd+k

[Guilbur (Burel)]

Hello Doug,

I really appreciate your help and I’m quite impressed by your knowledge concerning the coding !

I’ve copied your code to my CSS zone, and it really works well now : thanks a lot !

Concerning what Indrid suggested, I’ve written his javascript code and added yours. The problem is that I don’t know if that fixed something. I’ve managed to open the developper option in Safari, and seen that there are still some mistakes, but I’m unable to understand them !

Guillaume

[teefers (Doug Bennett)]

I’m glad the code worked out for you. I’m not ne a Mac right now(iPad) so I can’t check the errors you’re getting.

If someone else can help you that would be great, if not if I remember I’ll check it out tomorrow when I’m back at the office.

[Guilbur (Burel)]

Hello Doug,
Sorry to bother you but unfortunately, I still have some mistakes on my page (when I look at the code pages) and I’m totally unable to understand it and fix it.
I’de be very grateful if you could help me to improve the situation.
Thanks a lot for your help and your avaibility
Guillaume

[teefers (Doug Bennett)]

@Guilbur

I still have some mistakes on my page (when I look at the code pages) and I’m totally unable to understand it and fix it.

We’ll need more information then that.
What mistakes are you seeing?

[Guilbur (Burel)]

Hello,
The web inspector tells me:

“TypeError: $ is not a function. (In ‘$(’.dropdown-toggle’)’, ‘$’ is undefined)”

that refers to this code:

	// Initializes dropdowns
	$('.dropdown-toggle').dropdown();

and I’ve also:

“undefined is not a function (near ‘…jQuery…’)”

That refers to this code:

var Armadillo = {
startFancyBox: function() {
jQuery(".armadilloContent a[href$=’.jpg’], .armadilloContent a[href$=’.jpeg’], .armadilloContent a[href$=’.png’], .armadilloContent a[href$=’.gif’], .armadilloContent a[href$=’.tif’], .armadilloContent a[href$=’.tiff’], .armadilloContent a[href$=’.bmp’], .armadilloContent a[href$=’.JPG’], .armadilloContent a[href$=’.JPEG’], .armadilloContent a[href$=’.PNG’], .armadilloContent a[href$=’.GIF’], .armadilloContent a[href$=’.TIF’], .armadilloContent a[href$=’.TIFF’], .armadilloContent a[href$=’.BMP’], .fancybox, .colorbox1, .colorbox2, .colorbox3, .colorbox4, .colorbox5, .colorbox6, .colorbox7, .colorbox8, .colorbox9, .colorbox10").addClass(‘afb-enabled’).fancybox();
},

Does it mean something for you ???

Thanks a lot,

Guillaume (means William in French ^_^)

[teefers (Doug Bennett)]

I’m not near my Mac right now. Out of the office until tomorrow.
But I think it’s a multiple versions of jQuery being used.
Might have a look at this post.

Help with a .js error?

To clarify, this error occurs because multiple versions of jQuery are being loaded on the page. Armadillo functions are indeed present and accessible, but are “attached” to a different version of jQuery loaded at the beginning of the page as part of the Stacks plugin (which is superseded by the theme’s version of jQuery, which is loaded at the very bottom of the page). For other’s who may be encountering a similar issue, you may be able to resolve it by adding this snippet of javascript to the …

If trying the no conflict still doesn’t work, then I’d try the process of elimination. Remove everything from the Armadillo page other than Armadillo and see if that clears the problem. If the problem is still there with nothing else on the page then it would point to the theme and Armadillo being not compatible.

I would think that Foundry and Armadillo can run together, there both very popular. So it’s probably something else on the page. Just keep adding other stacks back one at a time and see what one is causing the issue.

Perhaps Jonathon @nimblehost or Adam @Elixir might have a suggestion?

[Elixir (Adam Shiver)]

Accordion and Foundry play well together. I don’t suspect the problem would be between the two.