Armadillo : more space between posts?

Hi,

I’m an Armadillo user, and I’ve a question concerning the display of my posts in the “Armadillo Blog” Stack : I’d like to have more space between each post, or to find a way to have a better separation between them.

Does someone have an idea on how to achieve that?

Thanks a lot for your answers,

Guillaume

I don’t know for sure but I would imagine this is a function of the theme you’re using?

Rob

Thanks Rob,
In fact, I’m using Foundry and I can’t manage to have a good presentation …
Have you got any idea ?
Guillaume

Armadillo use styling from the standard blog page. Foundry probably doesn’t have any styling for the built in blog.

You’ll have to style it yourself with CSS.

If you have a link to at least a test page someone here should be able to help you out.

Great ! Thanks Doug for your answer.
I don’t know anything about CSS but I’ve a “test website” and I’de be very grateful if someone could help me !!!
The page address:
http://www.rx320fb.com/blog/

As you can see, the Navigation section is also awful : it really need to be visually improved, with no space between categories, author & tag … (can we do something with CSS also ?)

Thanks a lot

Guillaume

.blog-entry{
margin-bottom: 50px;
}
or whatever amount of px you want.

You can do similar for the following:

#blog-categories

#blog-archives

#blog-post-authors

also there is a jQuerry error on the page having to do with armadillo.

If someone else doesn’t help you out, I can probably help. I’m in and out of my office (mostly out) and away from my Macs for the next couple days.

Hopefully you can get it working before I can get back to it.

Hi Scott and Doug,

Thanks a lot for your help. I couldn’t have done it without help (my English is a little bit better than my CSS ^_^)

I’ll try tonight and I’ll keep you updated !

PS : Scott, what is a “jQuerry error” ? Is it a serious problem ? How can I fix it ?

Cheers,

Guillaume

It’s a problem for sure, it has something to do with armadillo and more than likley a conflict with another stack, theme etc. The first thing to check is that all of your stacks & theme are up to date. If so, I would contact the dev and ask them about it directly.
Here it is:

armadilloFunctions.js:50 Uncaught TypeError: jQuery(…).addClass(…).fancybox is not a function
at Object.startFancyBox (armadilloFunctions.js:50)
at HTMLDocument. ((index):77)
at i (jquery-2.2.4.min.js?rwcache=592949237:2)
at Object.fireWith [as resolveWith] (jquery-2.2.4.min.js?rwcache=592949237:2)
at Function.ready (jquery-2.2.4.min.js?rwcache=592949237:2)
at HTMLDocument.J (jquery-2.2.4.min.js?rwcache=592949237:2)
startFancyBox @ armadilloFunctions.js:50
(anonymous) @ (index):77
i @ jquery-2.2.4.min.js?rwcache=592949237:2
fireWith @ jquery-2.2.4.min.js?rwcache=592949237:2
ready @ jquery-2.2.4.min.js?rwcache=592949237:2
J @ jquery-2.2.4.min.js?rwcache=592949237:2

Oh :confused: !!!

It seems tricky …

Concerning the distance between the posts, it works perfectly well, and it’s great :smile:

Thanks a lot Scott.

Unfortunately, I haven’t been able to improve the navigation section. The best should be to have this kind of display:

Categories

  • Industrie
  • Finance

Tags

  • Bleu
  • Vert

Authors

  • Guillaume
  • Thierry

Archives

  • 2019
  • 2020

Do you think it is possible ???

Best regards

Guillaume

I don’t see why not. Show me the css you tried.

The fancybox issue which sometimes rears up with Armadillo gets some coverage in this post:

Well, I’ve written that:

.blog-entry{
margin-bottom: 75px;
}
.blog-categories{
margin-bottom: 50px;
}
.blog-archives{
margin-bottom: 50px;
}
.blog-post-authors{
margin-bottom: 50px;
}

Sorry, but I really don’t know anything about CSS and coding :frowning:

Ah, see above, the categories etc need # not . At beginning

You might check out this post I did before

@Scott : Ok, thanks, I’m going to correct that and put a #

@Doug : Great post ! if I understand well, to write a title above the Categories, I’ve to write:

div#blog-categories:before {
content: “Categories”;
display: block;
font-size: 1.3rem;
padding-bottom: .5rem;
}

Am I right ?

@Indridcold : Whaou … I’m a bit lost. What can I do ?

Thanks a lot everyone for your kind help :wink:

Add:

jQuery.noConflict(true);

To the global javascript container in RW and republish. That might get rid of the jQuery binding issue which is producing the error visible in the console.

1 Like

Yeah that sounds right. The CSS in that post was tested at the time I wrote it. I also put comments in it. Anything between /* and */ is a comment and is ignored by the browsers.

You might want to leave/add comments, otherwise a year from now you won’t remember what’s what.

/* this is a CSS comment */

@teefers:
Here is what I’ve written in the CSS window:

.blog-entry{
margin-bottom: 75px;
}
div#blog-categories:before {
content: “Categories”;
display: block;
font-size: 1.3rem;
padding-bottom: .5rem;
}
#blog-categories{
margin-bottom: 50px;
}
div#blog-archives:before {
content: “Archives”;
display: block;
font-size: 1.3rem;
padding-bottom: .5rem;
}
#blog-archives{
margin-bottom: 50px;
}
div#blog-post-authors:before {
content: “Authors”;
display: block;
font-size: 1.3rem;
padding-bottom: .5rem;
}
#blog-post-authors{
margin-bottom: 50px;
}

Unfortunately, it doesn’t seem to work : there is no titles that appear :frowning:

@indridcold:
Thanks a lot, I’ve written “jQuery.noConflict(true);” in the Javascript windows. How do I know that it works ?

Thanks for your precious help :wink: