Muffin Theme Version 1.2 is here!

Question

This theme has been discontinued! 
Check out these other themes: POLARIS / Aven / Frapuchino / Legacy.

---

Hi folks!

I'm here to announce that MUFFIN theme version 1.2 has now been released.

All the love and constructive feedback were kindly listened and put into work to perfec the theme.
It offers now a more friendly mobile experience, and supports Right-To-Left writing style.

Some of the major changes you'll see:

• Question statistics style has changed on listing pages, it's now more compact, showing only its icons and full text when hovered
• Mobile design improvements
• There's now a Custom Styles CSS file for you to implement your own styles and color scheme styles, such as changing the TopBar color or other details.
• Fixed Navigation Bar missing icons
• Navigation sidebar now starts open in Desktops, instead of sliding in when the page has loaded
• Badges plugin fixes and updates (this plugin will be available for download for free on my GitHub account of course )

And a few more other improvements here and there and some of them that you might or might not see as many were made on the backend. 

The "bad news" is, discount period has ended. Muffin theme is no longer in discount.
Well actually it's still gonna be with a 5€ discount for a short period of time (1 month) because of the "debugging period" in case there's any little bugs that might need to be fixed and the theme needs to be shipped again to the buyer.
So that's a courtesy to cover that inconvenience in case that happens, which I believe it won't be necessary.

The theme's current price is 25€ (debugging period price)
Live preview: Muffin Live Preview
Demo user: Taylor 
Password: 12345678

Get the theme here: Get Muffin

---

Mobile screenshot:

Front Page screenshot:

Right-To-Left screenshot:

Comments

Good to know all these improvements, looks very nice now. How to download theme? I already purchased and not received email about updated theme. thanks!

---

Nice theme -- will the text preview work with MathJax?

---

Hi @s , The new version has now been sent to everybody who purchased the theme.
Please check your email inbox. Thank you.

---

@ArjunSuresh The Text Preview feature will only work for CKEditor.
This feature was implemented only for that specific editor considering the most used editors are CKEditor and Markdown Editor, which already has a live preview so the implementation was for CKEditor all alone.

---

Thank you. I was asking for CKEditor only. When I checked the demo I could not find any use for the Live preview as CKEditor is anyway showing the same. But with MathJax, this could be really useful. I suppose this should be a simple function call to MathJax Renderer in the Live Preview module.  

Just one more query -- the theme shows option for Badge plugin and notification plugin. Does this mean that after installation these plugins will only work with Muffin theme? This is important for me as our site has an option for users to decide the theme and so all themes in use must work together.

---

@ArjunSuresh regarding the MathJax subject - I thought this was some kind of alternative Editor plugin we were talking about, but I've done some research and learned that it's a Mathematics text converter/processor.

Well this will depend on how you're running your MathJax function. I'm assuming that right now must certainly is set to make the character changes on `DOMready` or `.on('change')`, you'll just have to tweak it a little bit to make the character changes both on DOMready, and once an instance is typed on the CKEditor, in other words `CKEditor.on('keypress'){ // do my MathJax function here }` .

OR, if you're using the MathJax directly as part of the CKEditor, this will be much simpler, like this example: https://jsfiddle.net/1047zxny

and the Live Text Preview will work just fine, as this feature is triggered by what's being typed inside of the CKEditor, either it's text or an object (image/icon/smileys/etc).

Regarding the second part about the plugins - No, this means that the theme already has embedded styles for these two plugins so they fit the theme's layout/design in case these plugins are enabled on your Q2A platform. It won't affect anything if you change to another theme.
Although with this version update the Badges styles were removed from the theme and moved to the actual Badges Plugin, on the updated version I created (http://question2answer.org/qa/60260) , where I implemented these styles directly to the plugin and did some fixing.

The plugin is available for download for free on my GitHub account.

---

nice improvements! I guess many people will like this theme.

---

Thank you very much @ProThoughts . been putting much bunch love and effort in developing it, hope people like it :)

---

Thank you. And yes mathjax is a mathematics renderer and currently has no competition. I think i can call mathjax on keypress event. Actually I'm using a custom set of plugins in ckeditor -- does the theme comes with a new version of ckeditor?

---

No @ArjunSuresh the theme doesn't come with CKEditor. If you already have a custom set of plugins on your CKEditor, might as well add MathJax (https://ckeditor.com/cke4/addon/mathjax), which I think it'll probably be a better practice and way of implementing it. It will look like the example I showed you on jsFiddle: https://jsfiddle.net/1047zxny .

---

Thank you. I have send you the payment. Waiting to try the theme :)

---

http://prntscr.com/h5o0y8
With a small screen resolution - the drop-down menu on the left closes the content part.
How to add icons for additional links in the menu ?
How can I change the design of categories (the original looks bad) ?
Thank you.

---

@FieldFor

1. This is a known issue and a fix will be implemented on the next theme update, meanwhile if you want to temporary fix this follow these steps: http://www.question2answer.org/qa/60490

2. In version 1.2 custom links already have a default icon. Although if you want to change this default icon, follow these steps: http://www.question2answer.org/qa/60242?show=60333#c60333

3. I will take a look on the categories' design when I get some time.

---

http://prntscr.com/h5zoks
I'm using the first version of your theme because of more pleasant design. I added the code to the CSS, but the problem is not solved.
I like everything in design. Besides categories and drop-down menu (on the left) for not big screens. So I need fix it as soon as possible.

Perhaps I can reduce the width of this menu so that it does not cover the content part?

Thank you.

Answer 1

Do customers get updates and support?

Comments

yes @Ronlaw , check: http://www.question2answer.org/qa/search?q=muffin

---

What about updates? Are future versions of Muffin Theme included?

---

Hi @Ronlaw . Yes, costumers do get updates and support, as this is one of them.
Every new updated version will be shipped and forward to the buyer's email inbox.

---

Thank you! I was concerned about buying for 1.8 beta then having to buy again for 1.8

Answer 2

Really nice Theme, our site got a fresh view by applying the theme :)

While applying the theme, I got some issues though which are not the issue with the theme though. But some tips on solving them is appreciated. Main reason for the issues is the option for users to chose multiple themes.

1. In question lists the theme seems to display a part of question description too. But in our site we already has this working as part of a plugin -- what would be a good way to turn of this plugin but just for Muffin theme?

2. We use Q2A search (which has advanced search capabilities thanks to pupi's addon) as well as Google custom search. Due to this, Muffin theme's top part gets messed up -- other themes uses side bar for the search box and we have 2 search boxes. We need to remove one and make it a separate widget?

3. I see that the livepreview for CKEditor is implemented in the theme, If I need to call a function (to render Math) on change of this preview element is there any quick way?

The theme looks really fantastic :)

Comments

Thank you for the love Arjun, I appreciate it ;)

Blindly answering this without seeing what's going on I would recommend the following quickest and straight to the point solutions:

1. Remove Muffin's responsible function to generate the question's description, by opening the  qa-theme.php  file with your preferred Markdown editor such as Notepad++, and search and erase the following bulk funcion:

// Add question short preview
public function q_list($q_list)
{
    // It will contain some code here
}

2. Hide the searchBar on Muffin theme by adding the following CSS line of code below, to Muffin's [custom-styles.css] file:

.header-navbar .qa-search {display: none !important;}

And have the searchBar on the sidebar as you will.

3. As I told you before, you'll have to call MathJax's function on keypress instead of change. Or as I also mentioned before, you can implement MathJax directly on your CKEditor.

Here's a version of CKEditor on my GitHub account with MathJax already included.

Note: I haven't fully tested this yet so create a backup/copy of the CKEditor plugin before pasting this new files. Or just extract the MathJax plugin from this version and make the necessary changes in yours.
This version is plain extracted from: http://ckeditor.com/builder
This is what your new CKEditor should look like: https://jsfiddle.net/1047zxny

---

Thank you for the answer.

1. Actually I would like to keep the Muffin version. Is there any variable which is set in the theme and which I can use in the plugin code to disable the plugin for Muffin alone?

2. Let me try :)

3. Actually I use a plugin of CKEditor -- but instead of Mathjax image, the editor outputs code like $x^2$. Now, when the page loads, MathJax render happens and this gets rendered to nice Mathematical expression. To make this work in the preview, I guess we need to call the Render function on key press.

---

I got point 1 fixed -- but moving the search to sidebar also required css change as Muffin theme is modifying the CSS to make it work on the navbar. There was a bug I noticed on the question lists when the list is longer than the side bar -- this caused footer to be slightly distorted. I'll update more on this.

---

This is an example page where the pagination list is overlapping with Footer block:
http://db.gateoverflow.in/tags

Answer 3

I found one issue. If link or page is added at the "far end of tabs at top" then no icon is shown for it.

Also icon of Badges and Page1 looks like Exit icon. Show some diff icon for added pages/links. thanks!

Comments

Thank you @s , will check on that.

You can change the custom link's icon by adding the following CSS code to the custom-styles.css file on your Muffin theme:

    .qa-nav-main-item .qa-nav-main-link:before {
        content: "\E890";
    }

Change the "content" information for whatever icon you want. You can see what icons you can use here: https://material.io/icons
Use the numerical version like the example above "\E890" for Internet Explorer browser compatibility.

Answer 4

Wow ! This is a very very nice theme .

I will buy to use it on my new website : http://www.dondebate.com

Thanks .

Comments

Gracias @CIonutCosmin I'm glad you liked it :)

Answer 5

MathJax is now working fine in the preview -- awesome work :)

Comments

Cool @arjunsuresh . I'm glad you made it through :)

Answer 6

Overflow issue:

I have noticed the following overflow issues - large images causing problem on question and other posts. Large comments also not line breaking.

Comments

Also, the editor preview works only for Questions and not for Answers/comments?

---

Thank you, will work on that. The Editor preview is not supposed to work for comments, but for answers it should work just fine (http://gdon.unaux.com/muffin/35#anew)

---

Oh for some reason it is not working for answers for me. I'll check that. Why is it not enabled for comments? (for comments also I'm using CKEditor)

---

I fixed the issue. Also modified to make it work for comments as well as Editing. I guess this is important if the site has many editors.

Answer 7

I would like to use https://imperavi.com/redactor/ instead of CKEditor with Muffin theme

Do you offer payed custom services to do it?

Thanks!

Comments

Unfortunately at the moment this is a no can do @rolo as I have my hands full with projects I'm working on.

Answer 8

Hi. I bought the muffin theme and Im having trouble with small screens. As you can see in the image above, the questions title is cut.. it happens in demo too.

Another problem Im having with muffin theme: sometimes the sidebar is going under the content in small screens. Yeah, sometimes it happens dont know why too. This is an amazing theme and Id love to have this problems solved. Im using q2a 1.8 latest

Comments

agree with you. I also seen this issue.

I requested for non-minified version of css file but never got reply from this developer.

---

Hi prothoughts!

I copy this css (custom css) form a q2a website thats using muffin theme and solved the cut title problem: https://pastebin.com/cFpycMJf

But the problem with menu (that its going under the content in every page) is happening only in q2a latest version. I hope that the developer help us solve it.

---

Hi @Lipsmega . The questions title are actually supposed to behave this way, as a one liner on lists for small screen devices . This is part of the Material Design guidelines. Although if you really want to change this, you can add the following bit of code to your custom-styles.css file situated on:

Muffin > css > custom-styles.css

Code:

@media (max-width: 630px){
    .qa-q-list-item .qa-q-item-title {
        max-height: 1.2rem;
    }
}

Increase the value of the 'max-height' to make the rest of the title visible.

Regarding the second issue. I'll have to dig on that and add to the to-do list for the next update. Thank you for the feedback.

@ProThoughts I'm sorry if I didn't get back to you, email must've slipped by me, but there's a lot of people requesting the not-minified version of the CSS, so I'm aiming to add it on the next update.

Answer 9

Is SCeditor compatible with this theme?  I see a few people mention bug issues with this theme, has most of the bugs been corrected?  No issues with QA 1.7.5?   Thanks.

Comments

It hasn't been tested but it should be fine. Although the live preview will not work. The live preview was designed to work with the CKEditor only.
Yes. most of the bugs were corrected in this version 1.2 but some minor ones are in wait to be fixed for the next update.

Answer 10

Hi. I bought the muffin theme. Really nice template!! Thank you!

I have one consultation.
I'd like to display "best answer" or "latest answer" instead of "question detail" in qa-description column.

If you have a way of realizing it, please let me know.

Thank you in advance.

Comments

Hi Tallyho and thank you.

Unfortunately this is a feature that is not available on the theme, but honestly in my advice I don't think this would be a great idea because this might confuse your users with misinformation while navigation through your website, because the "question details" are suppose to forward a little bit of information about what's that link (Question Title) is all about, and doing that would be a little bit of misplaced information, equals to bad User Experience. That make sense?!

---

Thank you for your reply!

In general your idea is correct.
But I am using it to save questions and correct answers to Q2A.

Therefore, I believe that being able to confirm part of answers on the list screen will be very useful for users.
This is because the user will be able to determine whether the answer is useful for him or her before accessing the detail screen.

Would you advise about implementation methods?

Thank you in advance!!

Answer 11

Is this theme perfectly functional for the latest version of Q2A?

Comments

Hi Warsong. Yes, most of the superficial little problems were already fixed on version 2.0:
https://www.question2answer.org/qa/6610

Answer 12

Just now I purchase the theme. It is a awesome.

Thanks.

But the facebook Login is not showing in the login Page.