My Mystique Theme Edits

New_Mystique

As of theme ver 3.0.6 a new Social-Media-icon Module is now included in the main theme, so if you need to add icon all you have to do is to add icons to the folder /themes/mystique-child_theme_name/social-media-icons/ and then drag the new icon in the new module.

Video Below

The_Icons

If you want more icons please ask in the comments below.

Download all the colour icons in one pack

Backgrounds

CSS_Changes

Fixes the background so it doesn’t move with the rest of the site

/* Fixed custom background image */
#page
{
  background-repeat:no-repeat;
  background-attachment: fixed;
}

Moves the Go to Top button up if you need to move it

/* Moves goto top button up to lift above bottom bar (wibiya) */
a.go-top{
  bottom: 30px;
  padding: 15px 20px;
}

Moves the Social Media Icons up

.social-media{
  bottom: 30px; /* increase this value as you wish */
}

Other_Modifications

Coming Soon!

Here is a short video showing how to get the new module working

This entry was posted by MarkNHewitt on August 10, 2011 at 11:10 am, and is filed under My Web Portfolio, Mystique theme edits. Follow any responses to this post through RSS 2.0.You can leave a response or trackback from your own site.

Comments (97)
Pings (7)
Related Posts

#76 written by Marcel 2 months ago

yes i discovered it was in the wrong directory, and i replaced them, but the icons still won’t pop up. The icons are visable, but that’s all. I replace the url (no problem to leave it in my post

http://www.atlantisradio.eu/

In mystique settings , in CSS, there are no program lines anymore? Could this have to do with it? What should i place there?

Kind regards,

marcel

Reply Quote
#77 written by Marcel 2 months ago

Sit and forget…. It suddenly works… But strange enough i see another icon on my website then the one i picked in wordpress….? In wordpress i selected a Winamp button, but on my website a complete other icon pops up?

Remains my last question, what should be in the section CSS?

Kind regards,

Reply Quote
- #78 written by Marcel 2 months ago
  
  Mark, sorry that i have asked things that is on your site, like the CSS sheets. All fixed. Just delete that posts.
  Problem that i can’t fix: The icons i select in WordPress (i.e. Mystique settings, social media-icons) are not the same as they appear on my website. For now (12-3) i have selected the Facebook and Skype icon in WordPress, and i see the Twitter icon and one i don’t recognize. I think something is mixed up. How can i restore this? I have deleted all icons, upload the ones from your site, stopped and restarted but nothing seems to help..
  
  Kind regards,
  
  marcel
  
  Reply Quote
  - #79 written by Marcel 2 months ago
    
    Problem fixed…. There were 2 places where i added the icons…..
    
    Marcel
    
    Reply Quote
#80 written by George 2 months ago

hey dude,

I am a noob whos learning ho to use wordpress and downloaded mystique. I just dont understand how I use it and put it onto my website. I downloaded whatever plugin was on wordpress.org and I can choose what icons I want but I cannot put them onto the website.

thanks dude

georhe

Reply Quote
#81 written by George 2 months ago

hey dude,

I am a noob whos learning ho to use wordpress and downloaded mystique. I just dont understand how I use it and put it onto my website. I downloaded whatever plugin was on wordpress.org and I can choose what icons I want but I cannot put them onto the website.

thanks dude

george

Reply Quote
#82 written by Constantinos 1 month ago

First of all, awesome work on the sociable media icons. How can I add more icons though?

Thanks

Reply Quote
#83 written by Kaylee 1 month ago

I have been seeking for learning things and this looks really very handy I should learn this how to use wordpress and download mystique. Thanks for lovely lesson here.
http://www.bostoncityride.com/

Reply Quote
#84 written by Sjeng 1 month ago

Could you make a photobucket icon?
I love these icons, thanks!

Reply Quote
- #85 written by Sjeng 1 month ago
  
  Well, I went ahead and made one myself, simply used one of yours in photoshop and added the PB icon. Feel free to copy it from my site: http://sjeng.onedot.nl/blog/wp-content/themes/mystique-child/social-media-icons/nav-photobucket.png
  
  Reply Quote
#86 written by Sjeng 1 month ago

Another question: I tried the css code to move the social media icons up a bit, but it didn’t do anything. I added it to the style.css in my child theme folder.
[code].social-media{
bottom: 30px; /* increase this value as you wish */
}[/code]
and I also tried it in the css tab at the mystique settings, but no luck either. Am I doing something wrong?

Reply Quote
- #87 written by Sjeng 1 month ago
  
  found the error: it should be:
  
  .media{
  bottom: 30px; /* increase this value as you wish */
  }
  
  and not
  
  .social-media{
  bottom: 30px; /* increase this value as you wish */
  }
  
  Reply Quote
#88 written by William Verzellesi 3 weeks ago

Great Theme and great possibilities! Thank you. But … I suppose that many people would use not only “social media icons” but also standard iconl for useful links, as … Email Icon !!! Is there someone that can help me for that icon? Thanks a lot. William

Reply Quote
#89 written by Nestor Montelongo 2 weeks ago

Hi there!,
my question is not regarding social media icons but the slider above. I’ve not been able to make it work, although I’ve already enabled the module in the Mystique settings. Featured posts (already tagged that way in the posts) are not showing in the slider, which actually never came up.

Furthermore, I’m having some issues to lock the background image even when I’m using the code you included in one of your tutorials (thanks for that!):

/* Fixed custom background image */
body{background-attachment:fixed;}

I’m running Mystique v3.3

Thanks for your comments!!
Have a nice day.

Reply Quote
#90 written by Online PC support 14 hours ago

nice theme..great post! congratulation..keep it

Reply Quote
Type your comment

You may use these HTML tags: <a> <abbr> <acronym> <b> <blockquote> <cite> <code> <del> <em> <i> <pre> <q> <strike> <strong>

Notify me of follow-up comments by email.
Notify me of new posts by email.
Written from (location)
« Previous 1 2 3 4
Comment Feed for this Post