sociables

(4 posts) (2 voices)

1. 

   viufitness
   Member

   Hey guys,

   Just recently bought the Method theme. Really like it, but having a little issue. Still trying to find my way around the source code, so it might be an easy fix. Anyways...

   1. Need to have a CSS hover option on the social icons. Just have a different PNG that needs to be replaced during hover state. Not sure how to go about doing that.

   2. I want the position of the social icons to be in the after_header section before the main inner content (div id= intro_inner). you can see what I'm trying to do on the site: viufitness.com/index

   To get it to this point, all i have done is create a different Action in framework.php:
   'add_action( 'mysite_after_header', 'mysite_header_extras' );'

   Hope that makes sense. Thanks for any pointers on how to change these.

   Michael

   Posted 1 year ago #
2. 

   Elliott
   Support

   Hello viufitness,

   You can use some CSS like so,

   .social_icon a:hover { background-image: url("link to your new icon") !important; }

   For moving the header elements around see here, http://mysitemyway.com/docs/index.php/Customizing_the_Header.

   Posted 1 year ago #
3. 

   viufitness
   Member

   Elliot,

   Thanks for the reply. In relation to adding CSS for the social icons, it seems there is no way in style.css to add based on which sociable is chosen. Am I missing something?

   Thanks again

   Posted 1 year ago #
4. 

   Elliott
   Support

   You'll have to use the nth CSS selector, http://css-tricks.com/how-nth-child-works/.

   Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.