In our earlier article we have covered 40+ Most Wanted Mystique Theme Modifications, Hacks. Considering the huge demand by our beloved readers for modifications in Mystique 3.0 and the huge response for previous article, here we are publishing Most Wanted Mystique 3.0 Modifications, Hacks. Customize Mystique theme as per your choice.
Note: If you’re not familiar with coding stuff then there is no necessary to edit single line of code, checkout Modified Mystique Theme – MystiqueR3
Code Snippets to Modify Mystique Theme:
Note: To modify Mystique WordPress Theme you have to add following code, Under Appearance -> Mystique -> CSS or in Advanced tab. We recommend that always install Mystique child theme so you will not loose any modifications when you will update the theme.
1. Adjust position of Site Title Logo:
#site-title {
padding: 25px 0 2px 0;
}
Where 25px is the space above site title and the 2px is the space below site title or site logo.
2. Change Site title color:
#logo a {
color: #E0E0E0;
}
Change value of E0E0E0 if you want another color.
If you want to make site title as same as our site then add following code:
#logo a {
color: #E0E0E0;
display: block;
font-variant: small-caps;
text-decoration: none;
text-transform: none;
}
#logo {
font: bold 415% Verdana,Arial,Helvetica,"Arial Black","Helvetica Black",Gadget,sans-serif;
letter-spacing: 0px;
}
3. Change the hover color of blog title:
#logo a:hover {
color: #CECECE;
}
Change value of CECECE if you want another color.
4. Increase site title text size:
To increase size of site title text use following code. Adjust value of 350 accordingly.
#logo {
font: bold 350% "Arial Black","Helvetica Black",Gadget,sans-serif;
letter-spacing: -2px;
}
5. Modify Appearance Previous and Next Links
/* Change Appearance of Previous and Next Links */
.post-links a{
background-color: transparent;
border: 0 none;
color: #0071BB;
font-size: 14px;
font-weight: bold;
padding: 2px 4px;
text-decoration: none;
text-shadow: 1px 1px 1px #FFFFFF;
}
.post-links a:hover{
color: #ED1E24;
}
.post-links div{
color: #0071BB;
display: block;
line-height: normal;
max-width: 49%;
}
.post-links .alignright{
text-align: right;
}
6. Adjust space between Navigation bar and content:
.shadow-right {
padding-bottom: 18px;
}
Adjust the value of 18 according to your need.
7. Join navigation bar with main content:
.shadow-right {
padding-bottom: 0;
}
.social-media {
bottom: 10px;
right: 10px;
}
8. Turn widget titles to lower case:
.block .title h3 {
text-transform: none;
}
9. Change the default font size of text inside post’s:
.hentry .post-content {
font-size: 16px;
line-height: 20px;
margin: 0 0 15px;
}
10. Border for each post:
Some people like to add border to each post, here is the code to do that,
.post{
border:2px solid;
margin:0 0 40px;
padding:15px;
text-align:justify;
}
11. Change the black background:
In Mystique theme, default background is black you can change it to other. Here we gave blue as an example. Instead of blue you can use color value as #CECECE or any other value that you want.
body{background-color:blue;}
12. Alternate header image:
To use following header image add given code below image.
/* Alternate header image */
#page{
background:transparent url(../images/extras/header-alternate.jpg) no-repeat center top;
}
If you are using child theme then give full path of the image. For example, as I am using child theme I have added following code,
/* Alternate header image */
#page {
background:transparent url(http://www.techlila.com/wp-content/themes/mystique/images/extras/header-alternate.jpg) no-repeat center top;
}
13. Center the logo picture in the header:
#logo {
width : 100%;
text-align : center !important ;
}
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 following code:
<?php if(atom()->options('post_category') && atom()->post->getTerms('category')): ?>
<?php printf(_a('in %s'), atom()->post->getTerms('category', ', ')); ?>
<?php endif; ?>
then add following code below above code:
| Views <?php echo atom()->post->getViews(); ?>
Inside widgets, like the “Posts” widget you can output post views by using the {VIEWS} keyword in templates.
16. Replace pages with categories like in old theme:
atom()->addContextArgs('primary_menu',categoryMenu);
Now you’ll get categories in the menu.
17. Change the spacing of the blog title text:
#logo{
letter-spacing: 0; /* change this value, default is -6px */
}
18. How to remove the navigation bar from 3.0
#header .shadow-left{
display: none;
}
The better way, using a child theme: copy header.php to your child theme and remove the code for the navigation
19. Adjust ol,ul:
The list items between ol,ul are cut on the left border. Here is the code to adjust these items
.hentry ol,ul{
padding-left:15px;
}
20. Add a banner just near the logo:
#header {
background: url(/wp-content/themes/mystique/images/YOUR-LOGO-NAME.png);
background-repeat: no-repeat;
background-position:70% 30%;
}
Where 70% is ‘X’ co-ordinate, 30% is ‘Y’ co-ordinate. So just change: background-position:98% 50%;
to adjust banner position
21. Star icon for order-by-views:
Only the order-by-views doesn’t have the star icon. The comment order has it though. So here is the code to add star icon for order-by-views,
.block-tabs .tabs .navi li.nav-posts-views a{background-position: 0 -37px;}
22. Change the [...] from excerpts with ‘Read further’:
Use Child theme and add following code in user – defined code.
<?php
add_filter('excerpt_more', 'my_read_more_text');
function my_read_more_text($text){
return sprintf(' <a class="more-link" href="%1$s">%2$s</a>', get_permalink(), 'Read further...');
}
23. Make the sidebars grey (#eee) and the main content white (#fff):
.c2right #mask-1,
.c2left #mask-3,
.c3 #mask-2,
.c3left #mask-3,
.c3right #mask-1
{background: #fff;}
.c2left #mask-1,
.c2right #mask-3,
.c3 #mask-1, .c3 #mask-3,
.c3left #mask-2,
.c3right #mask-3
{background: #eee;}
24. Fixed custom background image:
#page
{
background-repeat:no-repeat;
background-attachment: fixed;
}
25. How to make comments dofollow:
In WordPress Dashboard -> Appearance -> Editor
Open comment.php file (Recommendation: Use Child theme, copy comment.php file from parent theme folder to child theme folder) and replace
atom()->getAuthorAsLink()
with
atom()->getAuthorAsLink('dofollow')
26. Change appearance of “Show More” button:
By default “Show More” button is not easily visible, use following code to make it easily visible.
.no-fx .block a.more, .block .fadeThis a.more {
-moz-border-radius: 5px 5px 5px 5px;
background: none repeat scroll 0 0 #0997e1;
}
If you want color other than blue then change value #0997e1 to whatever you want.
27. Change appearance of image which shows number of comments on homepage:
First, download and add icons.png image file to your Mystique Image folder (themes/mystique/images/).
.hentry .comments {
position: absolute;
right: 1px;
top: 5px;
z-index: 5;
background: url("YOUR SITE URL HERE/wp-content/themes/mystique/images/icons.png") no-repeat scroll 0 -505px transparent;
width: 48px;
height: 38px;
text-transform: uppercase;
text-align: center;
text-decoration: none;
text-shadow: #999 0px -1px -1px;
line-height: 34px;
font-size: 150%;
ont-weight: bold;
}
.hentry a.comments:hover {
background-position: 0px -543px;
color: #fff;
text-shadow: #000 0px -1px -1px;
}
Don’t forget to change “YOUR SITE URL HERE” text to your actual site URL.
28. Add transparent borders to tables:
table,table td,table th,table tr.even td,table tr:hover td{border:0;background-color:transparent;}
29. Reduce the size of every post heading:
h1.title {
font-size: 250%;
}
Original value is 300%, adjust value according to your need.
30. For single posts in order to display images without covering the sidebar:
img {
max-width: 468px;
max-height: 560px;
}
Adjust max-width to your preference for anyone wanted.
31. Move tagline underneath the title:
#logo{
float:none;
}
#site-title .headline{
float:none;
border:0;
margin:20px 0;
padding:0;
}
32. How to add Google +1 Button in Mystique 3.0+ Navigation Bar:
Under WordPress Dashboard -> Appearance -> Editor
In the Templates Column look for “footer.php” file.
In footer.php file search for tag and add following code before body tag:
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
Then under WordPress Dashboard -> Appearance -> Mystique settings
In the Advanced tab -> “User-defined code“.
<?php
// for custom menus
add_filter('wp_nav_menu_items', 'add_google_plus_button_to_menus');
// for the default page menu
add_filter('wp_list_pages', 'add_google_plus_button_to_menus');
function add_google_plus_button_to_menus($items){
// append it to the nav menu
return $items.'<li style="float: right; margin-left: 111px; padding-top: 6px;">
<div class="g-plusone"><g:plusone annotation="inline"></g:plusone></div>
</li>';
}
Now you’ll see Google+ button on your Mystique navbar. You can repeat same procedure to add Facebook Like button.
33. How to add Search in Mystique 3.0+ Navigation Bar:
under WordPress Dashboard -> Appearance -> Mystique settings
In the Advanced tab -> “User-defined code“.
<?php
// for custom menus
add_filter('wp_nav_menu_items', 'add_search_to_menus');
// for the default page menu
add_filter('wp_list_pages', 'add_search_to_menus');
function add_search_to_menus($items){
// capture the search template
ob_start();
atom()->template('searchform');
$search = ob_get_clean();
// append it to the nav menu
return $items.'<li class="nav-search">'.$search.'</li>';
}
And add following code in Mystique settings -> CSS tab
/* increases top/bottom padding on nav items, so it fits the theme-default search form */
.nav-main a{
padding:12px 15px 14px;
}
/* position and width of the form: top-right */
.nav-main li.nav-search{
position:absolute;
background: none;
border: 0;
width: 250px; /* <- width of the search form, can be changed */
height: 34px;
right:10px;
top:5px;
}
/* no padding on this nav menu item */
.nav-main li.nav-search a{
padding: 0;
}
.nav-main li.nav-search li:hover a{
background-color: transparent;
}
.media {
bottom: 35px;
position: absolute;
right: 2px;
z-index: 5;
}
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 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:
<article id="post-<?php the_ID(); ?>" <?php post_class('thumb-only'); ?>>
<a class="post-thumb" href="<?php atom()->post->URL(); ?>">
<?php atom()->post->thumbnail(); ?>
</a>
<section>
<header><a href="<?php atom()->post->URL(); ?>"><?php atom()->post->title(); ?></a></header>
<p><strong><?php atom()->post->terms('category'); ?></strong></p>
<footer><?php atom()->post->date(); ?></footer>
</section>
</article>
Then in Mystique settings -> CSS tab add following code:
article a img{
border: 1px solid #fff;
box-shadow: 0 0 5px 1px #888;
}
article section{
text-align:right;
}
article section header{
font-size: 130%;
}
In future, we will do many modifications in Mystique theme so we’ll keep this topic updated. If you have some suggestion or problems about these tips and tricks, share it on our comment below.
Reference: Digitalnature Forum, thanks to Milenko
If you like these Mystique Theme Modifications please retweet and share it with your friends on Facebook, and on Google+.
About 
Hi, I’m new to wordpress and I am very interested to know how to make the menu you have on your page. Specifically, you have the right of the blog, gray with four icons. thanks
In WordPress Dashboard -> Appearance -> Menus. Create Menus. Or search on Google “WordPress Menu”. Thanks.
I am not new to blogging and really value your blog. There is much prime subject that peaks my interest. I am going to bookmark your blog and keep checking you out. Wish you good luck.
Rajesh, your modification tips is great. Surely it helps every mystique users…. Highly recomended post for mystique users…
Hi, where can i change the name of MORE > button in excerpt mode ?
How can i add number of views of a post, what plugin do you use ?
Article updated, check out your answers.
Thanks you so much for this !
Correction –
no. 22 > it should be added on user – defined code and not user.css .
Oh! Thanks Ayush, fixed.
Very nice modifications, I am using the 24th one for my blog..Please see that the 23rd and the 24th modification are the same.Other than this is a great post for Mystique users
Thanks, fixed
Very nice post… great job… thank you so much!
hi rajesh,
could you tell me what is required to be allowed to put the “copyright” notice and the copyright symbol on the site ? (not the creative commons licence or the DMCA thing)
what do i have to do to be officially allowed to put “copyright – all rights reserved” notice on my site ?
thank you.
Search on Google. Sorry, I have not enough information about that topic.
alright. thank you.
maybe you can put up a post on that someday.
gr8 post by the way. keep up the good work.
Hi Rajesh,
How can I change the way that links are shown? I would like it the opposite to how they look now. I’d like them to appear underlined on hover, and blue (not underlined) as plain link. Thanks in advance!
Add following in CSS module:
a{ text-decoration:none; outline:none; color: #007ED9; } a:hover{ color: #E67300; text-decoration: underline; }Adjust color values if you want to change link color.
Brilliant, thanks so much!
Hi there,
I would like to know how to setup the slide. In previous versions I think that we only must to “star” the post we like to appear in the slide, but know I have no clue how to make it appear and configure.
Any answer would be very apprecitated
New version fails to provide this feature. Ask theme developer in his forum.
Dissapointing…it were one of the main reasons to put this template in my web.
Developer forum were down the other day and searching the Net for any answer I fell here.
Thank you for your help, Rajesh!
Hey Rajesh .. Ive been following your site for mystique customization since the early version.. You’ve done an awsome job really !!!
I wanted to know if i can modify the header like techgyo.
Its attached with the menu and those plus1 and fb buttons on the right of the header .. is there a way possible for someone like me with less or no CSS / HTML info at all ?
It is possible to modify everything with CSS, actually he is using my ideas. I have already modified Mystique 2.4.2 and gave professional look (Attached menu with header) and his site has no professional look. It will be better if you give your own styles to your site.
great adds, saves some time digging through code to make changes. While you’re on the case – what do you have for a black menu bar and a search field in the menu bar?
I will try to give code for black navigation. Now a days, I’m busy in my final year project – Search Engine Optimization (SEO) Robotics.
Sounds awesome! have fun with that, I’ll see what I can scratch together in the interim…
How do you add a jpg banner or a flash banner above the navigation bar?
I have not added any banner? Please elaborate what do exactly want?
like on this site:
http://www.stefanthedj.com/blog/
I think he is using paid service – Design your own header for Mystique Theme $7.
where do I find out information about this?
Look at the advertise in the Sidebar.
Hai my friends. I jusat want to know. How can I get the comment style for the example 1 comment, not like mine just number in box
Please elaborate what do you exactly want, sorry I didn’t get you.
Well i am impressed with these chort codes and though useful. Keep it up the good work Rajesh.
I need some help here, ” How can we alter or reduce the size of every post heading ” – as the size of headings in post are preety big.
Add following code in Appearance -> Mystique -> CSS Tab.
h1.title { font-size: 250%; }Original value is 300%, adjust value according to your need.
When everyone comment in your blog, your comment will appear like this : 20 comment. But in my blog, when everyone comment, it will appear like this : 20 only (in box). I want the coding of that.
It will not suit your theme, because the number of comments and the word “Comments” both together can not fit in that box. But still if you want it at any cost then it can be done but will require some changes.
So how I want to edit?
I’ll give you code asap, now a days I’m busy in my Final year project, not enough time to look in code, but I’ll try to give it asap.
hello,
thanks for your great topics. i wonder how i can edit the position of the page title. i want to center it.
best regards
Add following code in CSS tab
h1.title { text-align: center; }Thank you for the help Rajesh
it worked, am stick at another thing, how do we put adsense code with the header? like with the site name being on left and adsense appear on the right?
Read the post carefully, tip no 20.
Hello, thanks for your guide…
How to hide site description?
Add following code in CSS tab.
#site-title .headline { display: none; }Hey man, what theme are you using? I’d love it!
Checkout About Tips and Tricks page.
Hi Rajesh,
1. Good work buddy, How to reduce space between the logo image and the navigation bar?
2. How to customize the top menu bar with colors and fonts, etc?
3. Can a webmail page of the site be linked from the home page?
It would be a great help.
Thanks in advance.
Hi,
Read article carefully.
1. Read 1st tip.
2. For top menu colours you have to change image – bg-nav-d.png.
For fonts add code
.nav-top { font-family: verdana; }Change verdana to whatever you want.
Or use WP Google Fonts plugin.
3. Use Menus. Read – Adding or Changing Menus
Dear Rajesh,
Thank you very much for responding to my queries so quick. Obviously your answers will help me, I’m working on it.
The space between the nav bar and the title logo is still there even at 0px. May be the social icons reserved the space about half an inch.
where can I change the top nav bar image?
I uploaded mystique 3.1 from digitalnature, after I installed there are 2 mystique themes now; one mystique3.1 and the other is mystique extended1.0. I didn’t notice it and worked on the extended one. Which do you suggest to be the best? and is there a possibility to copy all other settings to 3.1 after changing the theme from extended to 3.1?
Silly question again; is it possible to copy all of the contents of the same theme and to paste it into different site where same theme is installed?
I had 3-4 sites hacked and still fear it. however, taken some tips from the internet but do you have any solid idea that we could keep our site secure?
I hope you wouldn’t mind to answer my questions.
Thank you very much.
Hi Prabin,
My solution might be a bit late given that your post is almost 3 months old, but I have found a fix for the space between the logo image an the nav bar.
I have been struggling with getting rid of the space between an image logo and the primary navigation bar as well. I found out that there is a clear block fix in the core.css file (line 2280) which is used the header in order to position the navigation bar correctly, however it introduces a hidden “.” the size of the normal body font-size 13px.
By adding the following to the CSS you can fix this (extending on modification #1 from Rajesh, thx):
#site-title {
padding: 5px 0 0 0; /* set bottom padding of site-title to zero */
}
#logo {
margin: 10px 0 0 0; /* set bottom margin of logo to zero */
/* correct for “clear block fix” by positioning the logo -13px down from its intended position */
position:relative;
bottom:-13px;
}
Be aware that you will have to change the number in “bottom:-13px;” to match the body font size if you decide to alter it.
Thanks Rajesh for this great post. It helped me a lot exploring the possibilities of the mystique theme!
xtended one. Which do you suggest to be the best? and is there a possibility to copy all other settings to 3.1 after changing the theme from extended to 3.1?
Silly question again; is it possible to copy all of the contents of the same theme and to paste it into different site where same theme is installed?
I had 3-4 sites hacked and still fear it. however, taken some tips from the internet but do you have any solid idea that we could keep our site secure?
I hope you wouldn’t mind to answer my questions.
Thank you very much.
According to theme developer always use child theme of Mystique. You will not loose any modifications if you are using child (extended) theme.
You can apply same settings on other site as in theme there is option export code or something like that, now I’m not using Mystique so I forget name of that option. But option is there in first tab.
To prevent your site data from hacking easy and best option is always take backup of your site. Never use pirated themes or plugins. There are many free tools on Internet so use them and check any issues are there
1. The importing of codes is not working may be because I am using a subdomain.
2. Internet Explorer shows errors on the page if the social icons are there the site over the nav bar. When I removed the icons, it showed no errors.
3. How do I change the top nav bar colors and where?
4. Which guest book do you suggest? I installed Gwolle Guestbook but is not working properly.
5. If there is no child theme, how would you make one?
Thanks a lot.
1. Maybe you are using invalid short-codes, read this article: http://digitalnature.eu/docs/shortcodes/
2. Maybe your site having JavaScript error. Or plugin conflict.
3. Change the image via FTP or using server’s file manager program.
4. Maybe plugin conflict or plugin having error, or not supported by new WordPress.
5. Read this article: http://digitalnature.eu/docs/child-themes/
Hi there, I love the info on this page by the way and I appreciate all the tips that you have given.
Im interested in the banner ad in point 20. It says to add a png file. How would one make this a clickable image with an affiliate link for example.
Thank you in advance.
Cheers,
Scott
Open header.php and look for the code
After above line add following line
Don’t forget to add affiliate link and Image URL.
I’ve tried to find it many many times. Thank you very much for answering
I’m also interested in the banner in point 20. I am using a plugin called AdRotate, and I want to place one group beside the logo. Is there a way to implement it? Maybe in the header file?
Hi.. How do I set the css (or php?) To Superimpose a part of the header and the navigation bar? and yet how do I overlay the logo and navigation bar?
Hi,
I love your site.It’s very helpful to me!
I have a site with Mystique 3.1 and i want to set the post’s word length on main page to 150 WITH IMAGES(not filtered) how can i do that?
Thank you very much and good luck with your site !
Hello again,
Most of the people here us Internet Explorer for browsing. There is a swf file on the frontpage that blocks the part of the dropdown menu from the Nav Menu bar. It is ok in firefox. Do you have any solution for this.
IE still shows errors on the page but firefox doesn’t show it. My question is if there is an error, firefox should also show it, isn’t it?
thanks.
Many developer never cares about IE, they hate IE. For IE we have to write different style-sheets for different IE versions. I have already ask theme developer, he told me IE6 not supported and theme works fine on newer IE version.
Hello! I would like to bring another question (easier I think) how do I remove the underlines to the links? css? what code?
Thanks in advance
If you want to remove underline then add following code in css tab
a{ text-decoration:none; }But when we were using Mystique theme we have used following code:
a{ text-decoration:none; outline:none; color: #007ED9; } a:hover{ color: #E67300; text-decoration: underline; }#22 — Can you be more specific…where do I find this child theme? Also, can the text be replaced with a graphic?
Thanks
Bryce
You can create your own child theme or in our earlier article we have provided child them, you can replace text with Graphics.
Is there an easy way, like a short code, that will pull the latest blog post and allow it to be posted to a static page (like the home page)
I didn’t get you, elaborate.
Hello! Here I am again, first of all thanks for previous answers. I currently use Mystique 3.1, I set as necessary the registration to write comments. When I visit the page as a user not logged and when I click on “reply” does not appear any message like “You must register to leave comments”, but a kind of small red rectangle. I state that I have not changed anything, how do I enter text?
Thanks in advance
I want to take the first few lines of the most recent post of the blog (including the thumbnail) and include it on the site home static page.
..and while I’ve got your attention, since I am not using the “Page Top” menu, is there a way to elimate that space between the title and the top of the page?
Read tip no. 1.
Change the Login Screen!!
how to define? do you have a readymade code? for function-user.php
Sorry, no idea about codes.
Thanks
Read: How to Change the Login Screen in Mystique 3.0
I created a folder named custom-login and uploaded the two files in it. Isn’t it the correct way? or do I need just to upload those two files in the mystique folder?
Prabin
Read this post: How to Change the Login Screen in Mystique 3.0
27. Change appearance of image which shows number of comments on homepage:
= Where can I find a single icon.png file for this? And my posts are shown not by date but like 2 years ago, 1 year ago..
Please help.
Thanks
Image url: http://www.techlila.com/wp-content/uploads/icons.png
To show post by date change the setting in Content Option Tab. In Post Previews -> Date/ Time -> Choose option Absolute (Use Time/Date Settings).
I used the following from your website but still doesn’t work. Was it for earlier versions of Mystique?
‘;
}
add_action(‘login_head’, ‘custom_login’);
function change_wp_login_url() {
echo bloginfo(‘url’);
}
add_filter(‘login_headerurl’, ‘change_wp_login_url’);
function change_wp_login_title() {
echo get_option(‘blogname’);
}
add_filter(‘login_headertitle’, ‘change_wp_login_title’);
?>
It’s working fine on Mystique 3.0 and above. I have checked it. Check http://hackingtools.co.in/wp-admin
I try to manage my subscriptions from this post, because I don’t want to get an email everytime someone writes something, but I only get this error message:
Catchable fatal error: Object of class WP_Error could not be converted to string in /home/namase/public_html/wp-includes/pluggable.php on line 947
I think this is due to problem in plugin. I’ll try to solve this issue. Thanks for notifying us.
I want to find out how to change the page colors…the page where my posts appear…thank you!
Hi Rajesh,
I wanted to put a gradient at the top. I’ve already got an image as a logo.
So i did this:
#page-ttop{ background:transparent url(FULLURL/wp-content/uploads/bgtop.png) repeat-x center top; }Then put #page-ttop next to #page-ext in the header.php. But this means I’ve edited the parent header.php file.
Is there any better way to do this just in the style.css file?
Man, can you answer me a question? If you take a look at the logo of my site (click in my name to see it) you’ll see a significant distance between the logo and the navigation bar. I tried the first tip, but I’m using 0px for the space below the site logo and it changes nothing.
You can help me to put the logo touching the navigation bar?
Thanks!
This is the only way I found to remove space, ask theme developer for more details.
Hi Davidson,
I have been struggling with the same thing and found a solution. Please read my reply to Prabin Dangol’s comment on September 29th. You can close the gab now!
Enjoy!
Wow these tips are great, and have been helping me create a very professional looking website.
I was wondering if you could tell me how to change the color of post titles.
I saw that you listed how to change the site title color, so I figured this would be possible to. Thanks for the tips Rajesh!
For Post Titles on Single Post Page add following code:
h1.title { color: #6978d7; }Change 6978d7 value if you want any other color.
For Post Titles on Home Page add following code:
.hentry h2.title a { color: #6978d7; }Change 6978d7 value if you want any other color.
Client wants to replace the logo with a 728×90 clickable banner ad at the very top of every page. I don’t see that as an option in the ADS section, so how (where) would I put that code?
In header.php
Is ti possible to eliminate social icons and collapse the space between the header and the menu bar?
In older Mystique i was using:
#header a.rss {display:none;}
#header a.twitter {display:none;}
But in 3.x doesn’t workwork…
In Modules Uncheck Social Media Icons, read tip number first for reduce space between header and menu bar.
I am using the latest version of mystique theme in which the css is embedded inefficiently. This is increasing the page load time. Cache and css plugin can’t even help as there is some unnecessary stuff included in the css file. How to improve that thing.
Mystique is not a cause behind slow page loading. When I was using Mystique my site page load time was less than 5 sec. There are many tips to avoid unnecessary PHP calls, replace PHP code with HTML whenever possible.
I see load time of some of my pages as high as 16s. I wanted to change couple of calls but page blanks out. Here is what I want to do if you could advice
1) Load jquery.js from google not from the site.
2) load minified version for jquery.js
3) Why is http://s.ytimg.com/yt/jsbin/www-embed_core_module-vflBAcEEg.js loaded? It is 84kb
Any other ways to reduce load time? Thanks
Use “W3 Total Cache”, “Use Google Libraries”, “WP Smush.it” plugins.
Hi everyone,
where can I change the Text Color of the Post-Info (Author, views) from grey to black.
thx
Add following code in CSS tab
.hentry .post-info { color: #000000; }hi all is there a trick to display the photo gallery on all page instead of manually adding it every time i creat a new page ?
thanks a bunch
Tested the above suggestions to replace the title logo from h1 with image logo via css customization, but for some reason both the title and image logo show up.
The goal is to have the effect of: h1-logo image | h2-site description
Adding a background: url(link to image) to #branding #logo, also tested multiple options including adding #site-title with the logo image info, #site-title display: none; removing the references to #branding #logo, etc. no luck so far.
CSS section
h1,h2,h3,h4,h5,h6 { clear:both; font-weight:normal; }
#branding { padding:4em 0 2em; }
#branding #logo {
border-right:1px solid #999;
background: url(‘link to the image’);
float:left;
font-size:52px;
font-style:normal;
font-weight:bold;
line-height:60px;
padding-right:.3em;
margin:0;
}
#branding #logo a {
color:#fff;
font-variant:small-caps;
letter-spacing:-.04em;
text-decoration:none;
text-shadow:#000 1px 1px 1px;
}
#branding #logo a:hover { color:#ed1e24; }
HTML body
<a rel="home" /* displays blog title (title logo) of the site */
the site description….
Suggestion??
Hey,
Thanks for your awesome work! Is there a way to remove the header that shows on every page? For example, when you are in the home page, it shows on the top of the page “Home” Is there a way to remove that?
Thanks
Do you mean, from navigation bar you want to remove “Home”? Use Menus.
I think he’s asking about page title on top of the article/page content…
if it’s that you can do-it by altering pages/articles template (remove or comment line : home
or setting condition display:none to the css h1.title tag
or maybe i’m sure there is a pluggin who do the tricks if you are not familiar with css or php
Any news on how to unsubscribe from this article? Getting really irritating with all the emails…
In mail checkout option for unsubscribe, thanks.
Hello Rajesh,
How to change Navigation bar pages title to uppercase ?
And, I want to know how can I change my background to be fixed just with my background image (not my background image + gray in the content and in the footer)
Just like in this site http://www.ramosprojetos.com.br
Thank you.
I want to make the content (#primary-content and sidebars) transparent. Can you tell my how to do this?
Is possible to do customize de menu bar to Black navigation style just in mystique 3.4.2?
Thank you
It’s image, change image color.
I find the answer,
.nav-main {
font-family: Segoe UI;
text-transform: uppercase;
}
AND
#footer #copyright {
background: none repeat scroll 0 0 #FFFFFF;
font-size: 110%;
line-height: 150%;
padding: 1em 0;
text-align: center;
text-shadow: 0 5px 5px #FFFFFF;
Great!
Hi Roger, you can modify/alter each CSS rule Under : Appearance -> Mystique -> CSS.
with webmaster tools such as bugzilla (firefox) or the one provided in chrome browser you can easily find the rule to modify (and you can also test it live before performing the changes).
This is really simple if you are familiar with CSS…
Yeah, I agree with you. Also you can use Firebug – Firefox Addon. And inspect element, change properties and more.
Hi
I have just found your blog site and the advice you provide on modifying the Mystique theme would have saved me hours of work whilst developing a site for one of my clients – but it will I am sure be really useful on the next site on which I use the theme, so nice one!
I wonder though if you could give me some advice on the menu bar display – on my client’s site (URL as per above) all the browsers in which I have tested it look fine, but my client has reported that one of two of the friends/customers that she had asked to give feedback on the site have said that the menu bar is displaying half way down to logo/top banner. Could you offer any advice why this might be happening – I have tried to submit a question on the digitalnature forum but haven’t had any responses.
many thanks for any advice
Hi Rajesh,
How to Decrease the gap between widgets?
Thanks
This one is useless unless you can tell us how to give link to it.
20. Add a banner just near the logo
Can you explain how to link this banner?
Thanks
Already answer is there in comments.
Open header.php and look for the code
After above line add following line
Don’t forget to add affiliate link and Image URL.
Hi, there is no code like this , I try to put it above but the banner was above the site title, and it stay ever on the left.
Thank you for your answer. How about if we want to use that space for adsense? is it possible?
Yeah, it is possible. Paste your ads code there. Adjust position accordingly.
Very nice modifications, thanks for sharing. Great work.
Can you explain how to reduce the width of the sidebar please and remove the whole of the comments form section on pages and posts.
Thanks
Joan
Under WordPress Dashboard -> Appearance -> Mystique settings -> Design Tab. Look for Column Sizes. Ajust the sidebar width there. Then click on Save Changes.
To remove the whole of the comments form section on pages and posts simply disallow comments on each page and post.
How would I add a background to each post page? (not the #page or background in black) but the white text sections?
In Mystique settings -> CSS tab add following code.
hentry { background: none repeat scroll 0 0 #EEEEEE; }It will change color on post pages, but you have to adjust other CSS then your page will look more better.
Hey! Is there any way to replace the default avatars for the comment section? Mystique seems to use its own command to call the avatars and I can’t find where it is since the new update.
I’m using the WP-FB Auto Connect plugin and want a user’s Profile picture to be their avatar.
I had it working on the older version, but the update broke it and I can’t find where the code is to change it.
Thanks!
In WordPress Dashboard -> Settings -> Discussion Settings. In the end of page there is option for Avatars. Choose Default Avatar that you want to display on your site.
Excellent.
One question : how can I change the size og the header ? Want to have the menu higher.
THANKS
I want to run my clients website without any option to make comments so how would I disable the display of the comments form at the bottom of pages and posts. I have disabled the ability to make comments within the WordPress options but the theme still shows the form but with ‘comments closed’ displayed, but my clients doesn’t want any of the comments elements to be visible.
Thanks for the other tips I have found them very useful.
Actually this was bug in earlier version of Mystique, this bug is fixed in new version of Mystique. If comments are closed and there are no any comments on page then theme will not show “Comments are closed”.
Hi what I usually do is to manually remove all “comment” div into each template file (only if you are sure that you never will use in the future) or set : display:none to the comment div via css… this will hide your comment section in all template pages.
By the way I’m sure you can find some plugin who do the job if you are not familiar with html/css coding.
How to I add Blog catagories in Navigation bar. Like you have in Tip 13′s screenshot –>> [Home][About][ContactUs][Write For Us]… etc?
Use Menus, read: Adding or Changing Menus.
I have Mystique 2.4.2
I wanted to know if you know how to added the date to single
post pages like under the title of the post.
Hope you can help.
I’m up for going to MystiqueR3 3.1 if you know how to add the date that the post was made under the title of the post on single post pages.
I post news so sometime people think the post is newer then it is. But It was post over an year.
So i want them to be able to see the date it was posted.
Hope you can help.
Copy single.php from mystique theme folder (Parent theme folder) to child theme folder. Then look for this code:
After above code add following code:
<?php printf(_a('Posted on %1$s at %2s.'), atom()->post->getDate(get_option('date_format')), atom()->post->getDate(get_option('time_format')) ); ?>I did that and I get
Fatal error: Call to undefined function atom() in /themes/MystiqueR3-extend/single.php on line 38
line 38 is
atom()->post->getDate(get_option(‘date_format’)),
Hi Rajesh! I am fairly new to blogging and I just discovered this wonderful theme. I’m so glad I stumbled upon you site! I have a million and one questions, but the one that brought me to this site is, is there a way to change the tab images or add titles to the different tabs?
Thanks so much!
Which tab images you are referring? Tabbed Widget?
Hi, how to invert socialize in theme?
would like to hover over the icons, they stay down, instead of staying up. Is there a hack to make this settings?
thank you
Hi, how can I move up the nav bar and reduce the size of the header ? Thanks in advance.
Hi. I want to modify the background color of the menu from top of my page. I try but any css code does has effect. http://i43.tinypic.com/71pvmq.png
It is image, no CSS code.
Please, how can i change the color of the menu bar to black.
This question is requested three times! Please, response.
Hey read above comments, I already gave reply.
how to convert pages into categories on the Mystique 3.1 Navigation??
tkz
Use Menus. Read: Adding or Changing Menus.
Rajesh, this post and the comments have been extremely helpful for me! Thank you so much. I tried to read carefully, so I apologize if you did answer my question and I missed it.
I noticed you explain how to decrease the size of text and titles on all posts. I was wondering if there was a way to change only the size on “sticky” posts, which appear to be *EVEN BIGGER.* I would really appreciate any help you can give, and thank you for your time.
In Mystique settings -> CSS tab. Add following code:
.hentry.sticky h2.title { font-size: 200%; }Change the value “200%” according to your need. Original value is 300%.
Hello Rajesh,
Do you know how to add Google plus button to mystique 3 nav bar?
Thank you
I have updated the article, checkout #32 tip.
hye,i tried number 27 butits not working..why?
Follow the procedure carefully, in code don’t forget to change “YOUR SITE URL HERE” text to your actual site URL.
Thanks for all your effort
point 24 was useful to me but I would like also to keep background picture to left (not centered)
Could you help?
Thanks
For more background controls read this: Control Your WordPress Blog’s Background
do u know if there is any reason that the backgroud image i upload is only fitting in the center of the screen as opposed to the entire screen?
Read this article: Control Your WordPress Blog’s Background
Is there any way, That i can make it so on the home page the post only shows a big thumbnail image and 5-6 lines from the post, and there a “read more” button? I really love this theme. And Thanks for these cool modifications!
We have provided similar code in #34.
Dear Rajesh,
The dropdown menus hides behind the swf object in IE. Do you have any solution for this.
Thanks.
Can you please look at it?
Which Internet Explorer you are using, I mean to say that which version?
Thanks For a great Post.
I have a question, when I enabled tabbed widget. When my site loads it shows and shrinks back. Due to this reason I disabled it. Please reply ASAP. Thanks in advance.
Download and install latest version of Mystique theme – Mystique 3.2.3.
How can i add plus one button in menu, like yours in this site
I want to change the background color of widgets from green to other color.
Thanks In Advance.
We have provided the code to add Google +1 button in Mystique Navigation bar.
You can change the background color of widgets in Mystique settings -> Design tab. Look for styles and colors, choose color which you would like.
hi, you had a tutorial of showing how to change colors, fonts and meny styles, and all that in an older Mystique version, but with newer Mystique, these codes won’t work… could you help us out here?
Yeah, the code snippets provided in 40+ Mystique theme modifications will not work, I’m trying to give all code snippets for newer version of Mystique theme.
updated new version of mystique and under appearance, css i do not see any fields that will let me input anything???
There is input field, checkout carefully.
no really there is not. also, i installed your modified version and all the appearance options are all over the place, couldnt even get to the button to upload logo as it was behind another option.
but myst, app, css tab i see the verbage at the top and no where to enter code on that tab. I can go to the extend and i see the css sheet but im new to all this and want to make sure im doing it correctly.
Nick, Download and install the latest version of Mystique theme – Mystique 3.2.3.
installed 3.2.3. when i go to settings, CSS tab, all i see is Check css/core.css to see existing theme classes and properties, which you can redefine here.
All URLs must have absolute paths. You can use the {THEME_URL} keyword to point to the parent theme URL. Read the documentation to see all available keywords.
there is no where to input code. unless im not understanding where to put it, but i see no space anywhere that will except text. Perhaps im just a moron and dont know what im doing. that could be it.
Send screen-shot of that page.
http://herotechsolutions.com/wp-content/uploads/2011/12/css.jpg
there is the screen shot requested.
im also having some other small issues, on design, i change a color style and in preview above color changes, but when i view my page is on the default green color.
Nick remove current theme and install fresh theme again. because on my test site there is no such problem.
yeah. i have done that several times. installed mystique light, then 3.2.3, then your modified version, then back to 3.2.3. Both your version and 3.2.3 same issues. Please let me know if you can think of anything else.
Did you see the issue im mentioning from the screen shot?
I have seen the issue but when I tried Mystique theme on my test site there is no such issue.
ok tried again and end up with same issues. if you would like to contact me and login to my site so you can see what it is doing just let me know. I do not know what else to try. Probably hard for you to troubleshoot if you cannot see with your own eyes. perhaps its a permissions thing? i do know that one time i installed an extend theme got created, that is not happening anymore. Also there are 2 random mystique css files in uploads when i ftp. Just 2 things i have noticed.
yeah of course you didnt see the issue. it is obviously an issue pertaining to my install instance, or my computer but the issue has been resolved. i appreciate your responses and thank you for your help. keep up the good work with your site here.
I want to center the navigation menu on the page top menus.. NAVIGATION: TOP
what will be the code
thanks
how can we add google plus one button in menu nav bar in main theme
Mansi, read the post carefully and I already answered to your question in above comments. We have updated the article, read tip no. #32.
sorry to bother you, you have posted it to add in child theme
i am using the main theme…is it possible to add it in the main theme
Theme Developer and here at Tips and Tricks we always recommend that use child theme, you’ll not loose any modification after theme update if you are using child theme. So we’ve posted, how to add Google +1 button in child theme. If you want to add it in main theme then add code in function.php (Note: If you’re familiar with PHP then and then only edit function.php)
hi rajesh,
i want to disable jquery in the main theme.
i disabled it in the main theme in advanced tab settings, when i disable it i cant see comments and no one is allowed to comment..how to solve this issue
Hello. I recently updated to mystique 3.2.3 from 2.x. Since then my Facebook Comments plugin (“Facebook Comments for WordPress”) displays the comment box twice. I tried too “SEO Facebook Comments” with same result. You can easily see that in a post like http://www.esquerrarubi.cat/articles/bon-nadal-2011-2012/
Do you know how I may correct this?
Hey, Rajesh after i updated to Mystique 3.2.3 Views count stopped counted stopped pageviews means after i updated mystique 3.2.3
in previous mystique one post has 10254 views and now after updated to 3.2.3 three days the same post has 10254 views
even i visited the post 20 times to check
Hi, thanks for the great info I’ve used it a lot on my site.
Another reader asked this question to but didn’t get a follow up.
since the updates my main navigation drop down menus fall behind youtube videos (with the new wordpress you just type in the url of the video and nothing else), I tried adjusting the z index of the navigation in the css, that didn’t work. then tried to embed the youtube videos with the “&wm=transparent modifier” but this also doesn’t work. It only leaves a black “frame” where the video should be but no video.
Any suggestions?
Thanks for your help
I am making a website right now and the title has three words. With the settings that come with Mystique, the first and third words are light grey and the middle word is dark grey (when grey is selected under the design settings as the theme color). When you hover over the title, the first and last words become white and the middle word turns green. I want to change this such that the middle word becomes yellow (fff900) instead of green, but the first and last words remain white. I tried the code you gave above, but it turns all words yellow when fff900 is inserted and you hover over the title words. What should I type in to only turn the middle word yellow when I hover over it, but leave the first and last words white? It would be great if you could help me out! I’d really, really appreciate it.
Hi. Thanks for those tips, they are very helpful.
I would like to do things related with the post information bar (the one above the post title).
1 – How to change the font color of the text? Someone already asks about that here, and i use the code, but it only changes the “By” (before the author) and “In” (before the category). I would like to change the author and category color too.
2- I want to put this info bar also in the single posts page.
Thanks!
Hey,
can you tell me you i can show the “+” and “-” for rating in the comments the whole time and not only at mouseovering it?
Hi Rajesh — I want to hide comments throughout the site via css. I have disabled comments via Discussion settings, but I still see the bar/tabs that read “Related Posts”, “Pings”, Comments — I would like to remove this entire section. Thanks!
Reference: http://www.losangelesconcertcalendar.com/wp-content/uploads/2012/01/hide-comments.jpg
Hi there! Is it possible to make the front page a “grid style” like some of those magazine blogs? I couldn’t seem to find any such option in Mystique. Unless a plugin is needed?
BTW, I found this graphic to better visualize what I was hoping to achieve with this theme:
Read tip no #34.
Rajesh some of your code snippets show encoded characters instead the characters itself which makes it hard to just copy and past your code as everything needs to be edited – eg. see tip 34.
Ohh, it’s common WordPress error, I’ll update such code snippets asap.
Updated the article, thanks for notifying.
Hey i’m using mystique 2.4.2 and I wanted to take how to put an adsense ad next to my logo on my website. Like to the right of the logo. I think I saw it on this website but can’t find it again.
I know that you have to put the adsense code in the Ad code #1: place. And then you have to have a code for Advanced or User CSS place.
I found out how to put the google ad in the mystique 2.4.2.
But I did want to know how to do it 3.0. I know in point 20 it says about that but its linking to picture. How would I put the adsense code there?
And one other thing In mystique 2.4.2 when I had a youtube video in a post it would never go over into the sidebar. But when I try using your MystiqueR3 the youtube video goes over in the sidebar. I think in 2.0 it would re size or some thing.
I really like MystiqueR3 and would love to use it if I could get them to thing fixed.
After playing around I was able to get the ad where I wanted it.
But 2 others
If you go http://travisfaulk.com/terror-the-new-blood-music-video
You see that the youtube video go over into the sidebar. In the older mystique if would always not let the video go over. I think it might of re size it or something. Just wanted to know a way to fixed. I can make the videos smaller in the future but I have old posts with videos in it.
And how do you get rid of the print button that comes up when you go to a post?
Hi Rajesh,
I am making a child theme from Mystique 3.2.6 Extended, and what I would like to do is use Mystique to have 4 pages within the main menu bar which show ONLY posts under 1 chosen category. Example: Page 1 shows only posts within the category “Horror Film”, Page 2 shows posts under the category “Art House”, etc…
Any ideas how I can do this? I am pretty new to WordPress, but I really like this theme.
Oh, by the way (sorry Rajesh!) when I use the code on TIP 23 above to change the sidebar colour, I lose the graphic behind the Widget Title? It is just text. (you can see on my test site) Any idea?
Your blog is by far the best I have seen on Mystique, many thanks.
I’m having an annoying issue with my website.
I want to be able to display a 3 column layout on the homepage which has the latest posts, but I also want the post page to have no columns and I did this by adding layout c1 to the custom fields but because the post is displayed in summary on the homepage then it breaks the 3 column layout of the homepage.
Is there another way to have latest posts on homepage with 3 columns and single post page with 1 column only?
Thanks, this article is amazing.
I just updated to Mystique 3.2.8 and my site logo got resized to a smaller size than before. I was using the code you suggested above to change the site logo size, but it is no longer working. How do I resize the site logo image in 3.2.8???
Hi Rajesh Namase,
How do i join the Logo and the Navigation bar together?
Your instructions only tell us how to join the Navigation bar and the content…
Thanks
Hi to all, I’m using this theme on a blog.
I want to change the color of each post-title from green to blue, how to make this?
I’ve a problem with images, when I click on an image, nothing happens I see the title of the image in the navigation bar but no fullscreen image.
The site is http://www.concretamentesassuolo.it
Thank you all.
Hi,
WIth the new version of the theme i keep gettine a error in the theme setting screen “Design”
‘It appears that your home page has javascript errors on it. Deactivate all plugins, then activate them back one by one to find out which one is causing errors.”
Any clue on how to resolve this?
Thanks!
I am wondering if there is a way to change the Show More at the bottom of a page to something showing page numbers that you can skip to. Something similar to or even using WP-PageNavi.
Thanks !
Hi there, great posts & info! Really was a help. How can you change the roll over colour of the MAIN navigation bar links? I have found the UP state and changed it, but the hover state seems to be controlled by the choice of colours you select within the Mystique settings for the widget bars? How can I overide this?
Many thanks
I mean to change the hover state of the TEXT in the main nav, just making that clear!
Hey there,
I’m trying to figure out how to utilize the child theme, but I’m having some difficulty. Where is this achieved? I just need a few minor tweaks(mainly the menu bar using categories instead of pages). Any help is appreciated!!
Tommy
If you are using child theme then you’ll not loose any modification after updating theme. So our recommendation is use child theme if you want to edit theme.
I’m getting this error when I attempt to install the theme:
The package could not be installed. PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature
I’m attempting to install it on WP like the author’s website states. I’m modifying multiple things, and I want the original to stay intact. Did I name the file wrong? It’s named “Mystique Extend”, but when I look on my dashboard it says I’m using Mystique, and not Mystique Extend.
Backup current theme then delete parent and child version of Mystique theme, then download and install latest version of Mystique theme. It’ll automatically create child theme.
Okay, I’ve implemented all code and none of it works, unfortunately. The only features that work are the search in nav function(and it’s not positioned right, it’s positioned next to the nearest page), and the border around post feature. The black nav, category on nav, and spacing of blog title do not work.
What am I doing wrong?
This is my sheet, and I’m only getting search bar in nav and bordered posts.
/*
Theme Name: Mystique – Extend
Theme URI: http://digitalnature.eu/themes/mystique/
Description: Child theme of Mystique. Please leave this one activated for proper customizations to Mystique.
Version: 1.0
Author: Tommy B & digitalnature
Author URI: http://digitalnature.eu/
Template: mystique
*/
atom()->addContextArgs(‘primary_menu’,categoryMenu);
/*border for each post */
.post{
border:2px solid;
margin:0 0 40px;
padding:15px;
text-align:justify;
}
/* search in nav bar */
/* increases top/bottom padding on nav items, so it fits the theme-default search form */
.nav-main a{
padding:12px 15px 14px;
}
/* position and width of the form: top-right */
.nav-main li.nav-search{
position:absolute;
background: none;
border: 0;
width: 250px; /* <- width of the search form, can be changed */
height: 34px;
right:10px;
top:5px;
}
/* no padding on this nav menu item */
.nav-main li.nav-search a{
padding: 0;
}
.nav-main li.nav-search li:hover a{
background-color: transparent;
}
.media {
bottom: 35px;
position: absolute;
right: 2px;
z-index: 5;
}
How can I change the width of the nav- menu (header) in full width.
The gray menu is full width- I have done it now with an background image.
But I want change it in the code.
Thanks for advance.
Hello, how do I make it so?
Only the image and the button more..
Thanks
The image path you provided is not valid –> 403 – Forbidden Error.
sorry, I want to be like this page
Hi Rajesh, thanks for the great tips, how do I make the images of the widgets smaller, its quite big for my linking, thanks again ?
Also, how could I add a slight light blue background colour to the widgets, thanks again.
In latest version author removed “User-defined code” option
Now how to add G+ button in navigation bar? Also I need to add category links and search in navigation bar.
Activate child theme then you can then and then only “User-defined code” option is available.
Hey, nice post can you tell me how to change the “more tag” text to something else?
How can I allow the pictures in my posts to show up with the excerpt on my home page? I dont want to show the whole post, just an excerpt but WITH the photos… Thanks!
Thanks for the great post, found loads of useful things here,
I was wondering does anyone know if its possible to hide the widget titles from the right sidebar in Mystique 3.0?
Any help would be much appreciated
Awesome tutorial,
Thanks a lot
You are the man , great post !!!
Hi, I saw the tip 14 related with the social icon, really nice. I would like to know if can i use any parameter to make them hover like the original mystique template. Like when the user pass the mouse over the facebook for instance the icon “jump”, but my template is not doing that. Is there any css property to configure that?
Thanks,
Thank you very useful article.
The social icons are not appearing on my site please help I already checked the 755 permission its all right.
What I want to know is how to hide the site title and headline and still see the “header.jpg” behind it? I plan to create a new header.jpg logo themed to my site topic… Cardinals baseball. Thus far my attempts to hide the title and and headline text have moved the nav bar to the top of the screen.
So far I have used the codes:
display: none;
and
text-indent: -1920px;
If I create a header image that is the same site as the included header (1300×390) that uses imagery edge-to-edge, and I want the full header to display, with no clickable title text on top of it, how can I pull this tweak off?
Thanks!
Hey, great article! I was just wondering if you kow a way to move the header down so it’s neatly above the links to web pages pages like on my old blog http://www.jamieholroyd.wordpress.com. Here’s a link to my new blog so you can hopefully see what I mean: http://jamieholroydguitar.com/
Thanks!
Great find! Thanks a lot for all the tips!
Everything worked perfect with me.. Except for one thing: the color of the fonts in the nav bar!
I changed the color of the nav bar to make it darker, but I couldn’t change the font color to make it lighter. I tried this:
“.nav-top {
color: #ffffff;
}”
But it didn’t do anything. What am I doing wrong?