Changing theme option picture

  • Unknown's avatar
    kawaiihousewife · Member ·

    One of the theme options of Mystique Theme is adding a flicker button. I’d like it to be an instagram button instead. I have the link set up there, but don’t know how to change the icon. Is this possible without abandoning the theme?

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    designsimply · Member ·

    Apologies for the delay in getting back to you.

    One of the theme options of Mystique Theme is adding a flicker button. I’d like it to be an instagram button instead.

    I think you could to this with a workaround including updating the URL in the twitter option to an instagram link, finding an appropriate instagram image and uploading it to your media library, and then using CSS to force the twitter icon to switch to the instagram one you upload.

    Here is the image that is being used for social icons by the theme:
    https://s0.wp.com/wp-content/themes/pub/mystique/images/media-icons.png

    Instagram is not included, so you can upload your own.

    Here is some CSS that starts to illustrate how you could do it—it changes the twitter icon to a facebook icon, which is already included in the theme’s media-icons.png file:

    .social-icons .twitter {
	background: url("https://s0.wp.com/wp-content/themes/pub/mystique/images/media-icons.png?m=1391151725i") no-repeat -146px 0;
}

    Extending that, here is an example that changes out the image in the url() function to a WordPress logo (which is just an example image):

    .social-icons .twitter {
	background: url("http://i2.wp.com/s.w.org/about/images/logos/wordpress-logo-notext-rgb.png?w=64") no-repeat 0 0;
}

    You will need to find or make your own image and save it slightly tilted to the right like the other images are. Then copy the last CSS example from above and change out the url() value with your own image.

  • The topic ‘Changing theme option picture’ is closed to new replies.