sociables

resolved (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 2 years 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 2 years 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 2 years ago #
  4. Elliott
    Support

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

    Posted 2 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme