Me

Hello ChewyDesigns,

To be honest there are many possibilities to spoil the output of the theme, therefore I need to see your site in action for the further help. If you cannot provide an url ( maybe you are working on it locally ), feel free to zip / rar your project and send it for me in email ( info@magna-themes.com ), then I’ll do my best to find out what’s wrong.

Regards, Mark

Hello t0masu,

You need to make the css code of the services section identical to the code of the portfolio ( or the “about me” ) circles. The original codes can be found between the line 313 and 315. Feel free to replace them with the following snippet:

.icon_container { width: 260px; height: 260px;  margin-bottom: 35px; }
.icon, .icon img { width: 260px; height: 260px;  border-radius: 130px; -moz-border-radius: 130px;; -webkit-border-radius: 130px; behavior: url(PIE.htc); }

After then open the settings.css and remove the following lines:

.icon_container { border: 1px solid #272727; }
.icon { background: #272727; }

And that’s all. Now your services section should looks like the portfolio

Regards,
Mark

Hi Mark,

thank you for the answer. Unfortunately, I have still have some issues the current question. The images are not shown as it should be – you can see it yourself http://www.peledai.lt

I tried to send you and email with my modified CSS files, but I got it back as for the error [DNS Error: Domain name not found]

Hi t0masu,

Yes, I see your issues, but I’m quite sure that you didn’t follow my guidelines properly. Ok, don’t worry, I’m still willing to help you with this issue, but we have to talk about the further details in email ( it’s safer share private information ). Did you try the info@magna-themes.com? That email address should work. Maybe a message via my profile page also can be a good solution.

Regards, Mark

I recommend you to duplicate every code related to the services section with a different ids and classes. For example:

In the html:

<div id="services"> ==> <div id="services2">
<div class="icon_container"> ==> <div class="icon_container2">
and so on...

In the css:

#services ==> #services2
.icon_container ==> .icon_container2
and so on.... 

In the menu you need to use the #services2 in the href attribute of the related item.

<li><a href="#services2">SERVICES2</a></li>

In my opinion it isn’t as difficult to achieve your idea as it seems.

Regards,
Mark

Hi Jana ( I hope this is your name ),

Can you please send me a sketch / mock up about your idea. Maybe I misunderstand you, but I cannot image how you wanna flip the text. If you visualize it for me, I’ll do my best to help you get it work.

Regards,
Mark

Yes that is my name! How do I send you a photo? I would like the “home, works, sevices…” to be in the serif font Fjord One and then the text like in servies “photography, web design, and print design” in Bebas Neue. Does that make sense?

Thank you so much

Yes, it is more clear now. There is an option called “Heading font” on the “Theme settings -> Styling” page, but unfortunately you cannot choose the Bebas Neue for the headings. Why? Because the heading fonts are controlled by the Google font library that doesn’t contain the Bebas Neue while the menu fonts are powered by custom cufon font files. I decided to use cufon for the menu, because the anti aliasing of cufon looks much better with dark backgrounds than the Google’s solution. I’m working on the synchronisation of the font families, but currently you can’t choose Bebas Neue for the headings. I’m really sorry. If you need more help, feel free to write me.

Best Regards,
Mark

If the code works well before the filtering effect, it must be good, but you need to add the code to the callback of the Quicksand too. I recommend you to paste it into the line 120:

if ( visit != "none" ) {
      $("a.link").tipTip({ delay: 100, content: visit });
}
//PASTE YOUR CODE HERE

If you wanna learn more about callbacks, feel free to check out this page:

Regards,
Mark

Hello javiervo,

Yes, it is possible. You need to add a ’~’ character to the line 127 in the scripts/custom.js file:

//ORIGINAL:
var $filteredData = $data.find('li[data-type=' + $filterType + ']');

//TRY THIS:
var $filteredData = $data.find('li[data-type~=' + $filterType + ']');

After then you will be able to assign more than one category for a portfolio item. For example:

<li data-id="id-1" data-type="category1 category3">

Regards,
Mark

Thank you so much! It works!!

Hello yod-pl,

In fact the fixed position is supported in the most popular mobile browsers ( iPhone4+, Android 3+ ), but thank you for let us know your solution.

Regards,
Mark

Oh ok, on my windows phone 7.8 (IE 9) position fixed isn’t working

In fact I didn’t test the site on a Windows phone, so thank you for this information. This info can be important in my future developments. Thanks again

Hello Manuel,

The contact form doesn’t work on a local computer. It should work properly on a well configured webserver.

About the portfolio item issue with the long text:

There are some possible solution. Please zip your project then send me in email ( info@magna-themes.com ), then I’ll do some minor mods for you

Regards,
Mark

Hello Slackerguy,

Yes, I can help you with this issue, but please send me an email, because I need to write some code and this forum topic is quite limited in this case. My email address is: info@magna-themes.com

Regards,
Mark

Hello Ely,

I think this is not a stupid question at all. It isn’t really easy to show the portfolio details on a different page. The portfolio system of the ‘Me’ is designed to load the portfolio content via ajax therefore the portfolio_item.htm doesn’t contain the <head> section at all ( because it gets its styles from the main / parent page ). Furthermore you need to remove some lines from the custom.js otherwise the browser won’t be able to open links ( because the javascripts overwrites the default behavior of the browser ). Ok, let’s see how to open the items on a different page in some steps:

1) Open the scripts/custom.js file and remove every code from the ‘6. Portfolio: load and show item page’ section.

2) You need to remove the following code from the callback of the $holder.quicksand() function:

$('ul.sortablePortfolio li a.information').click( function(){
     Cufon.refresh();
     var source = $(this).attr("href");
     $("div#filter_wrapper").slideUp(300, function(){
           $('div.item_container').load(source, function(){
                 $('div.item').slideDown(500,function(){
                       $('.slideshow').flexslider({controlNav: false});
                       $('html,body').animate({scrollTop: $("div#portfolio").offset().top},'slow');
                       $('div.item a.close').click( function(){
                             $(this).parent('div.item').slideUp(300, function(){
                                   $('div.item_container').empty();
                                   $("div#filter_wrapper").slideDown(300);
                             });
                       return false;
                       });
                 });
           });
     });
return false;
});

3) Now you need to add the html code of the header and the footer to your portfolio items. I presume you are good in html, so you will be able to find the relevant line, but if you need help, let me know.

Generally that’s all. I hope this reply makes a sense.

Best regards,
Mark

wow!!!!! Mark, it’s perfect! I needed to understand exactly this. Thank you very much! You are very kind ^_ Best regards

Ely

Hello yonk,

To be honest I have no chance the test the site on a Windows 8 Touch-Screen enabled notebook, but I think it must be a browser or OS + Browser combo issue, because the code behind those animations is really simple. Did you try to analyze the problem with Firebug? There must be some error message. Maybe the Firefox 10 on the mentioned OS doesn’t handle the hoverIntent() function, but I’m not sure. You can make a try by changing the line 82:

//ORIGINAL:
$('ul.sortablePortfolio li .item_content ').hoverIntent(

//TRY THIS:
$('ul.sortablePortfolio li .item_content ').hover(

Honestly this issue sounds really mysterious… Can you please provide an url? If the site already active, I’ll check it and do my best to find out what’s wrong.

Regards,
Mark

Hi Mark, I’ve tried that but it didn’t make any difference sadly. There doesn’t seem to be any error on Firebug too. In fact, as mentioned, it is also affecting the Live Preview here: http://themeforest.net/item/me/full_screen_preview/1677820

Hi Yonk,

Unfortunately I don’t know what’s wrong in this case. It works well on my side and there is no any error in the Firebug. Even though it works well for me, I’ll check the entire javascript structure and refresh the old jQuery functions. Maybe this problems will be gone after the update.

Honestly I never experienced this issue, but the following code may help:

$("div#tiptip_holder").hide(100);

You need to place it into the line 91 and line 145. The code must be right above this line:

var source = $(this).attr("href");

It must work, but if you have problems any problems with this process, feel free to send your project ( without project images ) for me in email ( info@magna-themes.com ) and I’ll do it for you.

Regards,
Mark

Hello Jyllianm,

Let me start by saying I’m very old school too

I think this theme is really easy to modify, but the answer is depends on you skills and goals. The site you mentioned in your comment doesn’t seem very difficult, but I don’t know your exact plan. To be honest I don’t know how to give you a valuable advise in this case.

Anyway, if you are skilled, you will be able to achieve your goals easily with the ‘Me’ theme. If you are good in html / css, it will be OK, otherwise you will have some difficulties.

Regards,
Mark