Foundation + Armadillo + Custom CSS


(Pietro) #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


(Matthias Ficht) #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;


(Mathew Mitchell) #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.


(Pietro) #4

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


(Pietro) #5

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


(Mathew Mitchell) #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.


(Jonathan Head) #7

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

.armadilloContent .blog-permalink a { ... }

(Pietro) #8

Using .armadilloContent prefix works like a charm.

Thanks a lot