Armadillo text colour change!

I gave you the targets for these above

@swilliam I know you did, but i can’t seem to get them to work in the blog itself! I don’t know why?

They work, check your syntax something off in the code you added or something over riding it.
You can try adding !important after the color - black !important; if it’s getting overridden.

Not sure what else you are doing on that page but these are all <a> tags so you may just want to try something like:
a {
color: blue;
}
a:hover {
color: red;
}
depending what you are after.

Now I’m really confused… everything you have in blue there is white on my screen and doesn’t show!

Sorry, I didn’t mean to confuse you.
That is just a screen shot of what happens when I add the css in my browser to test. It does not actually change your site, (only in my browser). I was just attempting to show you that the CSS I gave you above does work.

Ok, i must be entering them in wrong. I’ll try again

Im entering the code exactly as you said Scott and i can’t get it to work!

okay before I have you send me your code lets try something.
put this in the CSS for that page and preview:

a {
color:blue !important;
}

1 Like

Getting closer…?

1 Like

Yes, getting closer… Take a look http://www.firesideenglishtutoring.co.uk/Blog-Spot/
More or less everything is blue.

Now, you will notice since we just targeted every link on the page they all changed, That may not be what you want.
If not, we need to target them individually or add a group of them to a css box to just change those.

So tell me exactly what you want it to look like & I will help you get there.

1 Like

Ok, Thank you Scott.
Im more than happy to keep everything within the blog blue.
Maybe have the archive date black (but thats not that important)
The top bar and the 3 links (contact,about,services) at the bottom should be black
I would be extremely happy with that.

Okay, the simplest way to do that is to put the blog stuff inside a CSS box stack
you can download one for free here.
Get that stack and put it on your page
drag the group of blog stacks inside that one (columns & all)
in the css box stack UI you can add a custom class - it can be what ever you want - maybe : kelly
once you do that then in the css area of the page you can target all the links just in that class like this:

.kelly a{
color:blue !important;
}

(remove the a{ color:blue !important;} that we tested with above from your page CSS area)

That should get you what you want

Steve has a very valid point and also has experience using Armadillo with Foundation. I do not have any clue how Armadillo styling is supposed to function. If it actually picks up the styling from Foundation Site Styles for him then it should for you as well. – Is that how it works @SteveB ? Or, is it necessary to use CSS within the page or Armadillo’s own CSS area?

Aww guys, i just removed the files from my server and re-published… now all i get is a fatal error :frowning_face: I seriously think its time to give up with Armadillo…

Try republish all files from file menu

You can’t give up now! Look at how much you are learning :wink:

1 Like

Ok… Im back on it. Just had to walk away from it to get some fresh air for 5 minutes!

1 Like

Ok, so im kind of back to where i was before! This is probably what should of been the quickest and most simple site I’ve ever done! It’s gone from daft things like making all the text Comic Sans to the nightmare of an Armadillo blog.
It’s good that this forum exists and there are helpful people out there as the support for Armadillo feels like its non existent!

Done it :slight_smile: Thank you so much @swilliam and @SteveB. Thank you for all your help it is very much appreciated, cheers guys.
ps… Do you know anything about Rapidcart now! Haha!

2 Likes