Slate

Advanced Search

CSS styling footer links

Permalink Browser Info Environment
I've hit an impasse with regards to css styling my footer links differently than the rest of the site links, i've tried styling the template's established section footer links, creating IDs and classes, but to no avail.

As soon as I styled the "a{}" at the top of the main.css all links in all sections inherit the style, regardless of what I style the "footer a {]".

Then i tried to establish the links as ids (#footer) and classes (footer.a), but that did not work.

What am I doing wrong? I want the "a link" to be #008dc6 in the body, but #fff in the footer?
Type: Discussion
Status: New
thecaen
View Replies:
c5mix replied on at Permalink Reply
c5mix
You can change both of these through the theme customization page (go to Dashboard->Pages and Themes and click the Customize button next to the Slate theme. If you wanted to modify them in the css files directly, just change the color property on this line in the typography.css file:
a { 
   /* customize_link */ color: #506d83; /* customize_link */
   text-decoration: underline;
}

And then in the main.css file change the color property on this line:
footer a {
   /* customize_footer_link */color:#ddd;/* customize_footer_link */
}
thecaen replied on at Permalink Reply
thecaen
Thanks C5mix,

Changing the css in the typographical file made all the difference.

Thanks again for all your excellent support.
c5mix replied on at Permalink Reply
c5mix
You're welcome!

concrete5 Environment Information

Browser User-Agent String

Hide Post Content

This will replace the post content with the message: "Content has been removed by an Administrator"

Hide Content

Request Refund

You have not specified a license for this support ticket. You must have a valid license assigned to a support ticket to request a refund.