Whitt,

Thanks for posting this – really great stuff.

I’m using Mikmag to set up a new website for an international sporting organisation and eagerly waiting for the updated version that works smoothly with WordPress v3.5.2

I’ve used a couple of the Theme-Dutch theme frameworks and appreciate all that they can be utilised for.  I’m also a member of their Beta Tester program and have posted some information about the Freeze theme which also is very creative.

It is disappointing that the Theme-Dutch themes are yet to be updated to be compatible with the latest version of WordPress and I, and hopefully the wider community, understand that there has been staffing issues that has delayed this.  On a wider issue, I hope that some of the new themes this year are reflections/build on this (Mikmag) and the Freeze theme options – oh and loved the Seduction theme and would really like to see that style redone as a responsive one with all its options.

Cheers,

I hacked a prettyphoto popup for the login dialog if anyone is interested, I’ll post a tutorial. Look at http://gowarp.com and click login to see what I’m talking about. I would like the developers to build this into the theme since it requires a hack to wordpress core to work (regarding rel= tags on the menu admin). They use data-rel=  ….anyways if you guys want I’ll try to post and explain how to do this, if there is enough interest.

PinkFloyd

G’Day.

Nice work with the website, and yes, I’d be interested in seeing how you did that pop-up.  I’m not an experienced coder so any tips is much appreciated.

Also, what is the image show that you have on the About US page.

Thanks.

Cheers,

Windycityfella,

Step 1:

Ok, the first step is to edit the “nav-menu-template.php” in the /wp-includes/ directory of your core WP install. On line 85, change “rel=” to “data-rel=”  ….ignore where-ever I use quotes, it’s just for emphasis.

Step 2:

In the MikMag theme edit “footer.php” add the following on line 50, just underneath the theme-totop entries that are already there:

<div class=”hidden”>
<div id=”LoginPopup”>
<form class=”loginForm” style=”padding:30px;” id=”popupLoginForm” method=”post” action=”<?php echo wp_login_url(); // optional redirect: wp_login_url(‘/redirect/url/’); ?>”>
<div id=”loginBg”><div id=”loginBgGraphic”></div></div>
<div class=”loginContainer”>
<h3 style=”text-align:center;”><?php _e( ‘Sign in to your account’, THEME_NAME ); ?></h3>&nbsp;
<fieldset class=”formContent”>
<div class=”fieldContainer” style=”float:left;”>
<label for=”ModalUsername”><?php _e( ‘Username’, THEME_NAME ); ?></label>
<input id=”ModalUsername” name=”log” type=”text” class=”textInput” />
</div>
<div class=”fieldContainer” style=”float:right;”>
<label for=”ModalPassword”><?php _e( ‘Password’, THEME_NAME ); ?></label>
<input id=”ModalPassword” name=”pwd” type=”password” class=”textInput” />
</div>
</fieldset>
</div>
<div class=”formContent” style=”float:left;”>
<button type=”submit” class=”btn signInButton”><span><?php _e( ‘Sign in’, THEME_NAME ); ?></span></button>
</div>
<div class=”formContent” style=”float:right;”>
<a href=”<?php bloginfo(‘wpurl’) ?>/wp-login.php?action=lostpassword” id=”popupLoginForgotPswd”><?php _e( ‘Forgot your password?’, THEME_NAME ); ?></a>
</div>
</form>
</div>
</div>

Step 3

In your MikMag settings, under General / Miscellaneous add the following to your custom CSS:

#LoginPopup { width: 210px; margin: 0 auto;}
#LoginPopup fieldset legend { display: none; }
#LoginPopup div.fieldContainer { margin-bottom: 0em; } /* space between inputs */
#LoginPopup label { width: 80px; display: block; float: left; line-height: 27px; }
#LoginPopup .textInput { width: 85px; }
#LoginPopup .formContent { width: 80%; margin-left: auto; margin-right: auto; }
#LoginPopup .hr { margin: 16px 0 19px; }

.hidden { display: none !important; visibility: hidden; }

Last Step:

In the menu admin on wordpress, create a menu item with following attributes:

URL: #LoginPopup
Navigation Label: Login
CSS Classes (optional): popup
Link Relationship (XFN):  prettyPhotoinline

NOTE: To see the “Link Relationship (XFM):” field, enable it under screen options at the top of the screen.

Step Done:

No more steps, that should do it. Let me know how it works for you.

Hey all,

What a tremendous topic! Great help for anyone visiting the forums.

Since we value it very much when our forum members here help one another and since this topic contains some really interesting things for everyone, we decided to turn it into a sticky topic so that it would always stay on the top of the page for everyone to use and add to.

Kevin

Kevin.

Thanks.

I know it’s a nag, but any ETA on the updates for Mikmag, and Freeze ?

Thanks.

Hi,

We are currently working hard to overcome some staffing issues we’ve been having since one of our developers left back in December. We have been reviewing our schedule and have rescheduled the WP3.5 updates for both the Mikmag as well as the James theme to another developer to work on with priority. For these themes I expect the updates to come in soon.

Kevin

Can you tell us where the settings are for posts: “RELATED ITEMS” feature?

The reason I ask is because in base.css (.related-posts .title) shows the entire title text from the post/article therefore causing the thumbnail to be overtaken by all the text, to the point that the header title is even obscured.  It would be nice to set this to a certain text limit or turn it off.

For now I have added: ‘display: none;‘ to .related-posts .title in base.css

Hi Justin,

This is a bit of a theme bug which has been addressed to our developers. There are no “settings” for these thumbnail descriptions in the theme and the description taking over the entire space isn’t quite intentionally. This should be fixed in the next theme update.

Kevin

Thanks Kevin.

is there no way we can remove the related items from showing up until you get this issue fixed? It’s a pretty big issue, especially on smartphone platform because it stacks and covers other links. Thanks

Hi ioh,

Right at this moment, the only way would be to manually remove it from the theme’s code.

Kevin