How to Modify Mystique 3.0+ WordPress Theme

Considering the huge demand by our beloved readers for modifications in Mystique 3.0, here we are publishing Most Wanted Mystique 3.0+ Modifications, Hacks. Customize Mystique theme as per your choice.

Code Snippets to Modify Mystique Theme:

Note: To modify Mystique WordPress Theme you have to add the following code, Under Appearance -> Mystique -> CSS or in the Advanced tab. We recommend that always install Mystique child theme so you will not lose any modifications when you will update the theme.

Important thing: Mystique theme developer stopped working on this theme so we advise you to use Genesis framework.

1. Adjust the position of Site Title Logo:

#site-title {
padding: 25px 0 2px 0;
}

Where 25px is the space above site title and the 2px is space below site title or site logo.

2. Change Site title color:

#logo a {
color: #E0E0E0;
}

Change the value of E0E0E0 if you want another color.

If you want to make site title as per our choice then add following code:

13. Center the logo picture in the header:

14. Move up the social media icons:

.media {
bottom: 30px;
position: absolute;
right: 2px;
z-index: 5;
}

Adjust 30px value to whatever you want.

15. Display number of post views:

As Milenko (Theme Developer) told in his forum, Post views are already implemented, but disabled by default because on large sites recording post views (ie. updating the database each time a visitors views a page) can have an impact on performance.
If you want to enable post view count, open the functions.php file from your child theme folder (should be mystique-extend) and add:

define('ATOM_LOG_VIEWS', true);

Then use it wherever you want in the templates, for example in teaser.php (copy the original to your child theme folder) look for the following code:

34. How to Change Home Page Style:

If you want to change home page appearance and want to show only post thumbnail and title of the post then create a new file and give name teaser.php to the file in your child theme folder, add following code inside teaser.php:

35. How to Add Breadcrumbs:

We recommend you to add Breadcrumbs to your Mystique Theme. It is a very good addition to the design because of usability and it also provides SEO benefits because it links to the path hence increasing bot activity in page indexing. Breadcrumbs provide a way to easily navigate through the site, from post to category, to the next post, or from child page, to parent page etc.

If you want to modify the appearance of previous and next post link then checkout fifth code snippet.

36. How to Make the Caption Text Larger:

If you want to change font size of caption text then add following code in Mystique settings -> CSS tab

.wp-caption-text {
font-size: 13px;
}

In future, we will do many modifications in Mystique theme so we’ll keep this topic updated. If you have some suggestions or problems about code snippets provided here then share it with us in form comment below, we’ll try to solve your problems.

Comment Policy

Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please. You can wrap code in [lang-name][/lang-name] tags.