Jump to content
Sign in to follow this  
sylvaticus

Twitter, Facebook, and LinkedIN Icons in Color (and sort order)

Recommended Posts

sylvaticus

I am still in love with this template! Thank you! 1. The icons for the media sites at the top of the home page are B&W, and I'd prefer color if possible. Have I missed an option, or is this how the template is supposed to work? 2. Is there a way to change the order of the icons? I think I'd prefer to have Facebook, then Twitter, then LinkedIn, and then Feeds. Thank you!

Share this post


Link to post
Share on other sites
sylvaticus

OH, sorry! Additionally: When I go into Site Admin, click StationPro Options in the Navigation Panel on the left, and then click Media Options, the icons on the right for Twitter, Facebook, Feeds, and LinkedIn have "?"s (meaning the icon is missing?). I can't find where to direct that the template to these icons either.

Share this post


Link to post
Share on other sites
Andrew
1. The icons for the media sites at the top of the home page are B&W, and I'd prefer color if possible. Have I missed an option, or is this how the template is supposed to work?
Yes, you can do this just add to custom css: ` .icons .twitterlink {background-position: -22px -22px;} .icons .youtubelink {background-position: -44px -22px;} .icons .linkedinlink {background-position: -66px -22px;} .icons .facebooklink {background-position: -88px -22px;} .icons .rsslink {background-position: 0px -22px;} `
2. Is there a way to change the order of the icons? I think I'd prefer to have Facebook, then Twitter, then LinkedIn, and then Feeds.
To change this you'll need to edit header.php. The code for the icons is located in a div w/ a class of icons (`
.. icons code ...
`
the icons on the right for Twitter, Facebook, Feeds, and LinkedIn have "?"s (
Interesting, this is probably a bug that we can't see in Firefox (our development browser) Will fix :)

Share this post


Link to post
Share on other sites
peopleu2

I'd like to change the colors of the facebook incon too. I appreciate you response but for me it isn't just as simple as add this to the custom css. WHERE do I add the code so I don't screw it up. It would be helpful if you show the line preceding the insertion and the line after the insertion.

Share this post


Link to post
Share on other sites
cmunns

Go to THEME OPTIONS > CUSTOM CODE > CUSTOM CSS and paste it there :)

Share this post


Link to post
Share on other sites
peopleu2

If its that simple, there is a default search on the second navigation bar. Is it possible to relocate the (facebook) icons there?

Share this post


Link to post
Share on other sites
cmunns

you want the icons on the same line as the menu items? Also, next time start a new thread for new questions or we tend to skip over resolved threads :)

Share this post


Link to post
Share on other sites
peopleu2

Maybe. Not sure if I like the icons in the title area for they conflict with the title image. Where would you suggest moving them to? I was thinking on the search bar area.

Share this post


Link to post
Share on other sites
catrina

I would suggest moving the icons to the right of the search bar so that they're still visible at the top. /my two cents


Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×