Foundation + Armadillo + Custom CSS

Classic Stacks
1

I’m trying to use rapidweaver+foundation+armadillo.
I need to customize the posts title style. I tried to set “Custom CSS” into the global settings with code like this.

#blog-permalink a {
background-color: yellow;
color: red;
font-style: italic;
font-size: 10;
}

#blog-entry-title a {
background-color: yellow;
color: red;
font-style: italic;
font-size: 10;
}

Nothing change.

Any suggestions will be appreciated.
Thanks in advance

Pietro

2

Did you already try to place “!important” before the “;” sign in each line?
So that a line would look like this: color: red !important;

3

@pietrob71 It seems like you are inserting this code in RapidWeaver. I believe it only works if you insert into Armadillo directly. Login to Armadillo, go to Settings tab. Choose General Settings, then add to the Custom Styles area.

4

Also using “color: red !important;” it doesn’t work

5

I inserted the code using the armadillo’s administrator web inferface and I wrote the code in its custom css area.

6

Okay, the code you used was a bit off. Try this:


.blog-permalink a {
background-color: yellow;
color: red;
font-style: italic;
font-size: 10;
}


.blog-entry-title a {
background-color: yellow;
color: red;
font-style: italic;
font-size: 10;
}

I don’t know what you are trying to do with the permalink code. But the entry title works just fine (I just tested).

I hope this helps a bit.

1 Like
7

@pietrob71To target Armadillo content specifically, prefix your CSS with “.armadilloContent”, like so:

.armadilloContent .blog-permalink a { ... }
1 Like
8

Using .armadilloContent prefix works like a charm.

Thanks a lot