120 comments found

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hello,

I can’t locate where to edit the 70×70 image placeholder right above collection. Thanks

typebig

Hi, it’s in style.css. Look in section 5 and find the following. Replace the background image:

#prologue #logo a span {display:block; height:187px; background:url(http://placehold.it/70x70) no-repeat center center}

  • Indonesia
  • Has been a member for 5-6 years
  • Bought between 10 and 49 items

Hi,

Do you already fix the flickering and blocking (black top banner) issue in new update?

Trying in Live Demo > Biography > Book House “Just try scroll down, move the mouse left and right, then scroll up again” (I’m using the latest Chrome)

Thanks.

typebig

Hi, yes the flickering should stop. I just added -webkit-backface-visibility:hidden in the following element

#sections-wrapper {position:absolute; margin-top:760px; width:100%; -webkit-backface-visibility: hidden}

I’m not sure what you’re telling about the book house demo. Is it the little delay?
familianto

Hi,

Yes, sorry for not my complete explanation before. Yup, a little delay when you do something with your mouse in area of Biography (detail level such as Book House). It’s happen when the height of image is big. Is it the browser issue?

Thanks.

typebig

Hi, I think it’s because the slider plugin I am using adds a little delay after the slide transition. If you don’t have video slides, try to do the following but I’m not sure if this will solve it. Open up global.js and look for the following in section 6B.

                // initiate project slides
                $('.pslides').responsiveSlides({
                    auto: false,
                    pager: true,
                     nav: true,
                    speed: 100,
                    after: function(){
                        var slideNumber = $('.rslides_here').find('a').html() - 1;
                        if ($('.pslides li:eq('+slideNumber+') .video').length>0){
                            $('#media').find('.next').hide();
                        }
                        else {
                            $('#media').find('.next').show();
                        }
                    }  
                });

Remove the after property so it’ll be:
                // initiate project slides
                $('.pslides').responsiveSlides({
                    auto: false,
                    pager: true,
                     nav: true,
                    speed: 100
                });
typebig

Hi, I am sorry about that. Ignore my previous answer. The problem is between transition, 2 slides are present for a moment causing the 2 slides to be stacked. Then, 1 image fades away causing the “flicker”. I hope that makes sense. If you want to remove this flicker, you would have to change the transition speed to 0. So it’ll be

               // initiate project slides
                $('.pslides').responsiveSlides({
                    auto: false,
                    pager: true,
                    nav: true,
                    speed: 0,
                    after: function(){
                        var slideNumber = $('.rslides_here').find('a').html() - 1;
                        if ($('.pslides li:eq('+slideNumber+') .video').length>0){
                            $('#media').find('.next').hide();
                        }
                        else {
                            $('#media').find('.next').show();
                        }
                    }  
                });

If you want more documentation on the plugin, see http://responsiveslides.com/
typebig

Ok, I am sorry I was misunderstanding your problem. I now notice the problem you mention in Safari so ignore all my previous posts. To stop the flickering, go to style.css and look for

#project #media img {width:110%; cursor:pointer}

and change to:
#project #media img {width:110%; cursor:pointer; -webkit-backface-visibility: hidden}
familianto

Hi,

It works awesomely (the latest suggestion from you) :) Keep up the good work, mate. And hope you’ll update the latest version.

Thanks.

familianto

Hi! Already updated to v1.3. But it appears problem in the home section and service (circle theme) section; the position of background image. Not smooth like in the live demo. Can you help to fix this issue?

Thanks. Web: familianto.info

typebig

Hi, I don’t think you updated the global.js file.

familianto

Hi, already re-update the whole js folder. But doesn’t change at all. Any idea?

typebig

It seems ok. No?

familianto

I’m sorry, Nope. Already try copy+paste the global.js (http://themes.seench.com/biography/js/global.js), but nothing changes. You may check familianto.info. Thanks.

typebig

Sorry about that. I see it in Safari now. Open up style.css and look for

#services {width:100%; background:url(img/bgbio.JPG) center center fixed; background-size:100% 100%; overflow:hidden; padding:160px 0 100px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box}

and change to
#services {-webkit-transform:none; width:100%; background:url(img/bgbio.JPG) center center fixed; background-size:100% 100%; padding:160px 0 100px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box}
Also, to stop flickering add the following somewhere under section 2. Global Misc in style.css
.section {-webkit-backface-visibility:hidden; -webkit-transform: translate3d(0,0,0)}
familianto

Hi! In the intro.section already fix. Thanks for that :)

But in the service.section, the background still using the intro.section. Already check with yours, and the case is the same (http://themes.seench.com/biography/circles.html). I want to use bgbio.JPG as the service.section background, instead of bghome.JPG. Thanks.

typebig

Hi, I have checked on all the browsers and on iPad. It’s working on my end. Maybe try refreshing or clearing your cache for your browser. Are you using Safari?

typebig

I am sorry. I spoke too soon. Try removing the fixed in the background property

#services {-webkit-transform:none; width:100%; background:url(img/bgbio.JPG) center center; background-size:100% 100%; padding:160px 0 100px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box}

typebig

Actually use this. Notice the background-size cover:

#services {-webkit-transform:none; width:100%; background:url(img/bgbio.JPG) center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; padding:160px 0 100px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box}

familianto

Great! Works well now :)

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

This theme would be perfect for me if it had a blogging functionality in addition to the other menu items. Is this something you might consider for future updates?

typebig

Hi, thanks for your interest It’ll be in the Wordpress version.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
tmarche Purchased

Hello,

Is there a way to add a background image to each page? I have a very long jpg which I would like to cut up into rows and add them to each section so that the image looks “fixed” in the background.

Also, please excuse me for my “newbie” question but why does the first background image need to be 3000px wide?

Thanks for your response.

typebig

Hi, just look for the section id. For example #portfolio is the portfolio section, #about is the about, etc. So for example, if you want to put a background image in the about or biography section, change the #about style settings to

#about {width:100%; overflow:hidden; background:url(img/yourimage.jpg) no-repeat center center fixed; padding:170px 0 100px 0}

The background image is 3000px just in case the user is using a large resolution monitor. You can make it smaller but make sure the background color blends in with the background image.
  • Bought between 100 and 499 items
  • Has been a member for 2-3 years
tneubner Purchased

Hey there is a problem with the portfolio, I uploaded the theme on my webspace for testing it but all the portfolio pages are broke. When I open the sample01 the complete layout is destroyed, can you please tell me what to do? Take a look at: www.zeitgeistkommunikation.de and for example this one here:

http://www.zeitgeistkommunikation.de/sample01.html
typebig

Hi the sample pages are supposed to load inside the main page. For example, when the first portfolio thumbnail is clicked, sample01.html opens up in index.html. I hope that makes sense.

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
jvdleeden Purchased

Hi Typebig

is there a way to use the arrow key as navigation in the project pages?

Thanks! Joeri

typebig

Hi Joeri, so you want the top arrows in the black bar to be the navigation between slides? And, you don’t want a navigation between different projects?

Default-user
jvdleeden Purchased

hi, no I just want to add arrow keys as a possibility to go to next/previous picture in teh project pages. right now you need to click on the numbers or the arrows but cannot use the keyboard. thanks.

typebig

Oh I see. I would have to edit the jQuery plugin responsiveslides.js. I will look into it but you can ask the author for the feature request here: https://github.com/viljamis/ResponsiveSlides.js/issues

typebig

Actually, just figured it out. Open up global.js and look for the following under 8B Function Project Loader

                // show project
                $('#project').show().parent().css('height','auto');

Under it, add the following
                  // keyboard navigation
                $(document).keydown(function(e){
                    if (e.keyCode == 37) { 
                        $('#media .prev').trigger('click');
                        return false;
                    }
                    if (e.keyCode == 39) { 
                        $('#media .next').trigger('click');
                        return false;
                    }    
                });
Default-user
jvdleeden Purchased

Wow, this is great. I just implemented and it works perfect! Thanks for your efforts!

Joeri

typebig

Great! No problem!

  • Bought between 100 and 499 items
  • Has been a member for 2-3 years
tneubner Purchased

Ok it seems to work, one has to wait some time after uploading it on the server :) So far, so good!

typebig

Hi, glad you figured it out. Thanks!

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
tmarche Purchased

Hi,

After playing with this template a lot I realise the “shuddering”/blur effect on the landing page does not really suit my brand’s style, please could you tell me how to turn it off? I appreciate the template a lot, this is just not really working with my bckgrd image.

Thanks in advance for your response.

typebig

Sure,

1. Open up style.css and change the #intro #intro-banner element to:

#intro #intro-banner {position:absolute; width:100%; height:760px; z-index:-1; overflow:hidden}

2. Open up global.js and find and delete the following under section 5
        // move intro image from mouse on mouseover
        $('#intro').mousemove(function(e){

            /* Work out mouse position */
            var offset = $(this).offset();
            var xPos = e.pageX - offset.left;
            var yPos = e.pageY - offset.top;

            /* Get percentage positions */
            var mouseXPercent = Math.round(xPos / $(this).width() * 100);
            var mouseYPercent = Math.round(yPos / $(this).height() * 100);
            var diffX = $(this).width();
            var diffY = $(this).height();

            var myX = diffX * (mouseXPercent / 2000);
            var myY = diffY * (mouseYPercent / 2000);

            $(this).find('#intro-banner img').animate({right: '-' + myX + 'px', marginTop: '-' + myY + 'px', opacity:'0.8'},{duration: 100, queue: false, easing: 'linear'});
            $(this).find('#intro-banner').css({'background-position': 'right -' + myY + 'px'});
        });    
        $('#intro').mouseout(function(){
            $(this).find('#intro-banner img').animate({right:'-100px', opacity:'1'},{duration: 100, queue: false, easing: 'linear'});
            $(this).find('#intro-banner').css({'background-position': 'right center'});
        });
  • Bought between 1 and 9 items
  • Has been a member for 1-2 years

Hi,

Thanks to some comments, I solve some of my issues… Still one, how could it be possible to adapt the vertical size of each sections to the screen? It is very well adapting horizontally… A white band is for exemple visible on the first page, because I guess of the following line in the section 3 of the css :

 #intro {width:100%; height:760px; position:fixed} 

I tryed changing height to 100% or window.innerHeight, but none worked…

any solution would be appreciated, very nice work by the way!

typebig

Hi, that would not be simple. Setting each section’s height to 100% won’t work because it’s inside a container #sections-wrapper. If you want to make each section’s height fit tight in the window, then every time on window resize each section’s height needs to be readjusted in pixels to the height of the window. This would require javascript. It would be something like

$(window).resize(function() {
   var wheight = $(window).height();        
   $('.section').css('height', wheight);
});

I think it’s going to further complicate things because there are padding set in the styles. You might have go through the stylesheet and adjust the paddings and other styles necessary for each section to perfectly fit in the window on every instance of window resizing. It just seems like a complicated fix that would lead to more issues. You will need to test on every browser and devices too.
Default-user

Thanks for you reply!

I tried your js code inside global.js It worked fine as soon as the window was resized once (both on chrome and firefox)

I then removed the first and the last line of your code, to allow the calculation of the variable “wheight” and apply it straight ahead at the loading of the page (working only on chrome, with firefox, I have to resize once to make it working).

It is working without any changes in the CSS.

You can check it out here http://trt.crd.free.fr/

But few issues then : - it is messing the intro page at the first loading. - the first click on the intro-nav leads to the good section but not at the right place (the same when you are back from a sample page). But as soon as you are only browsing using the main-nav, it is just working fine. When you go back to the intro page, it is the usual intro page as it appeared without any change (like in the live preview).

I tried few tweaks in the global.js in order to fix these issues, but without any success…

1) Do you think it is possible to make intro-nav and main-nav working the same?

2) Would you know wich line(s) of the global.js I would need to change to reach what I would like?

Thanks again for your time!!

Default-user

oh and another question :

To cancel the move of the window in the samples page. I removed this part of the code in global.js :

$('.rslides_nav').mousemove(function(e){

                    /* Work out mouse position */
                    var offset = $(this).offset();
                    //var xPos = e.pageX - offset.left;
                    //var yPos = e.pageY - offset.top;

                    /* Get percentage positions */
                    var mouseXPercent = Math.round(xPos / $(this).width() * 100);
                    var mouseYPercent = Math.round(yPos / $(this).height() * 100);
                    var diffX = $(this).width();
                    var diffY = $(this).height();

                    var myX = diffX * (mouseXPercent / 1000);
                    var myY = diffY * (mouseYPercent / 1000);

                    $(this).parent().find('.pslides li:visible img').animate({marginLeft: '-' + myX + 'px', marginTop: '-' + myY + 'px'},{duration: 100, queue: false, easing: 'linear'});
                });        

It worked but there is a gray rectangle above the window. How could I move the window to make the window touching the menu??

THKS

Default-user

last question solved

in the css, I changed
 #project #media .rslides li {padding-top:50px; background:#f0f0f0; width:100%} 

by

 #project #media .rslides li {padding-top:0px; background:#f0f0f0; width:100%} 
typebig

Hi poivre. There are probably lot of variables that needs to be changed in order for the perfect height of each section to work. I apologize but I do not want to dive into it because one fix might lead to another problem and so on like a domino effect. The issue you are coming across is probably conflicts with the waypoints.js plugin which calculates what position of the page you are at as you scroll. This is used for the 1 page navigation or scroller. So when the height of each section is adjusted on window resize, the waypoints calculation of what part of the page the user is on is probably off or not being updated.

For the gray rectangle, open up style.css and find #project #media .rslides li. I think I set the background to #f0f0f0 or something like that. Just delete the background setting. Or it could have been #project #media .rslides. I updated it in the latest version.

Default-user

Ok, thank you anyway for explanations.

I have another request, how could it be possible to customize the order of sections : instead of : Collection. Biography. Timeline. Expertise. Inquiry.

I would like :

Collection. Expertise. Biography. Inquiry. (and removing the timeline)

typebig

Hi, just switch the html in that order. Let me know if you have problems. I can help if you send me a link to your site.

Default-user

Thank you, I finally figured it out, but it is good to know that it is that easy. Another struggle now, how to remove the “exit” in the top right corner in the sample pages? I can’t find it anywhere… probably easy too…

Default-user

Solved (inside the global.js) section 6B. Again (!) another issue. I changed the order and names of samples to allow placing new works at the beginning of the grid :

instead of : sample01.html sample02.html sample03.html ..

I have now : sample32.html sample31.html sample30.html ..

but the navigation with arrows inside project is now messing, blocked on one page, or the first child has a left arrow… I tried few things in global.js, but I can’t solve this problem.

Do you know how to fix that? thank for your patience…

Default-user

solved again…next time I will struggle a bit more before posting here…

typebig

Thanks for solving it!

Default-user

Hello Typebig,

I am trying to put a canva into the samples.html. Precisely, I would like the canva to show up and drawing something on the last sample list.

Do you know how to do that?

I tried putting the <canva> inside a div and applying some stuffs in the css but it does not work.

Does it has to be with the ajax loading?

typebig

Hi, I tried inserting a canvas element. It should be <canvas>. It seems to work. I did something like this:

            <div id="media">
                <ul class="pslides">                
                    <!--slides -->
                    <li>
                        <canvas id="myCanvas" width="200" height="200" style="border:1px solid #000000;">
                        </canvas>             
                    </li>
                </ul>
            </div>

Default-user

Hi again! I solved somehow the canvas issue… It was actually to make working a processing.js sketch inside a canvas, but it did not work. Solving this by calling another html page..

I have now another issue, regarding the php script of the inquire part. It was working on a temporary server. But it is not working anymore in a more official server. The error message is showing up while the mail is actually properly sent and received… I was in touch with a technician from the domain supplier, it is not connected to the server, but rather connected (according to him) to the php script. Do you have any idea what could be the reason???

many thanks.

typebig

Hi, may I see your page to debug the problem? You can email me privately at syungh[at]gmail.com

Default-user

Hi, I sent you an email few days ago, did you find something wrong with the php? thank you

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years

Hi, amazing template, i just purchaced and i´m trying it but i have a probl. And it´s about hte portfolio section , when i clikc over any thumbnail it shows anything and i guess it suposse to send me to “sample01” 02 , etc. It even doesn´t show the load animation . Can you help me? thank you

typebig

Hi, you are probably using Chrome? It won’t load locally on Chrome. You have to upload to your server for it to work. You can try Firefox to test it locally.

Default-user

Yeah, that was the deal, thank you so much i just have a last question, i want to add youtube videos instead vimeo on sample01, 02 etc. How can i do that? i tried by inserting the yourube html code and it didn´t work. thank you again

typebig

Try in this format:

<iframe src="http://www.youtube.com/embed/ZUDXJMe_hTQ"></iframe>

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
debodhi86 Purchased

Hi guys,

This is an awesome theme. Thanks for doing such a great job.

I have a few questions though.

1) How do I stop the background in the first page (3000×800.gif) from moving around? I want a static image.

2) I rearranged the site a bit since I feel the biography should come before my work, but when i readjusted the HTML code the background seems to malfunction. i.e. I scroll down and back up and I’m stuck with a 1800×900 background instead of the 3000×800.gif. How do i fix this?

here’s a link to my site: http://debodhi.com/laura/biography-files/biography/ Cheers

Bodhi

typebig

Hi, thanks for the purchase.

1) See the comment I replied to tmarche about a day ago.
2) First, open up global.js and delete the two instances of the following under 1C and 1D

                // show or hide services background
                if ((id == 'prologue') || ($(this).index() == 1)) {
                    $('#services-bg').hide();
                }
                else {
                    $('#services-bg').show();
                }

Secondly, in your main html file delete
<!-- Services banner
======================================== -->
<div id="services-bg"></div>
Finally, open up style.css and set your background for #services
#services {background:url(yourimage) no-repeat fixed; background-size:auto 100%; width:100%; overflow:hidden; padding:160px 0 100px 0}
Note, I am releasing an updated version without the circles probably later today or tomorrow so you won’t have to worry about #2 if you want to use the updated version.
Default-user
debodhi86 Purchased

Hi thanks,

I’ve got a second problem now. I have my about page before the folio. And the sticky navigation doesn’t come down until I scroll down to the folio section. How do i change this?

typebig

Hi, can you insert the following code before the about section?

    <!-- 1. Logo (Prologue)
    ==================================== -->        
    <div id="prologue" class="section" style="display:none !important">
        <div class="inner-wrapper">
            <div id="logo"><a href="#"><span>Laura</span></a></div>
        </div><!-- // .inner-wrapper -->
    </div><!-- // #prologue -->

If that doesn’t work, could you zip up your files and send me the zip file to syungh[at]gmail. Thanks.
typebig

Actually, just send me your email. I will just send a modified version for you.

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
kladwerk Purchased

Awesome template, I have a few questions;

Is there a way i can remove the prologue square and logo? When i do it seems to mess up the template, i.e. 3000×800 becomes 1300×600..

Also is it possible for me to switch-up the Portfolio & About/Biography?

And also can i simply remove the Inquiry and Timeline?

Cheers.

typebig

Hi see my previous reply to debodhi86. Answer to his second question.

Default-user
kladwerk Purchased

Doesn’t work.

1. When i remove the prologue logo / code The top navigation won’t show up untill i scrolled past biography; i just simply want to remove the prologue/header/logo box.

2. when i add the code from you, the 3000×800 loops true services, and the original 1800x image is nowhere to be found.

The thing that this does, is removing the services background, am i correct?

typebig

Hi, what I would do is download the latest version and use that first. Then, hide #prologue with css. Open up style.css and add display:none !important to #prologue

#prologue {display:none !important; ......}

If you have done lot of editing, send me your files and I will try to make it work for you. You can message me at http://www.themeforest.com/user/typebig if you want to do this and I will reply back with my email. Thanks. By the way the new files contains another version of the services section along with the circles version. You can view the demo if you haven’t seen it already.
Default-user
kladwerk Purchased

Worked perfectly, cheers! Do you do custom editing against a fee perhaps?

You can contact me true info(@)kladwerk(dot)com

typebig

Hi, sorry but not at the moment. Thanks for asking!

  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 2-3 years
  • Sold between 1 and 100 dollars
  • United States

Nice template. Are you planning to create Wordpress theme for it?

typebig

Yes, working on it. Thanks!

  • Has been a member for 4-5 years
  • Sold between 10 000 and 50 000 dollars
  • Europe
  • Referred between 1 and 9 users
  • Exclusive Author
  • Bought between 10 and 49 items

Found a glitch – when there is only one image in the portfolio details page the mouse hover effect isn’t working and the image is cut off.

Any help with this ?

typebig

Open up global.js and look under section 8B Function Project Loader and find the line

$('.rslides_nav').mousemove(function(e){

and change to
$('.rslides_nav, .pslides').mousemove(function(e){
I just added the .pslides selector
AdrianBotea

Yep,that did it.

Thanks

  • Bought between 10 and 49 items
  • Has been a member for 5-6 years

Hi. I love the theme. Great work. When I add list items to the portfolio thumbnail spread, it seems to break the layout. Am I missing a step in order to extend the amount of portfolio items?

Thanks!

typebig

Hi, I would just check if there are maybe missing closing tags. Each thumbnail should be in the format

<li><a href="sample01.html"><img src="img/thumb01.jpg" alt="" /><span>Kreativa.</span></a></li>

I would need to see your code or page for me to debug it. Thanks.
  • Bought between 10 and 49 items
  • Has been a member for 5-6 years

Ah! Please disregard my previous comment. It turns out it was a case of a certain thumbnail title being too long and messing with the margins. Thanks anyways.

typebig

Hi, great you solved it!

Default-user

Looks like the issue came back for me. I just PM’ed you with a link to a test site. Thanks for any help!

typebig

hi, I didn’t receive your pm. Make sure your thumbnails are all the same size or have the same aspect ratio. If they are not you will see the layout break or have gaps.

Default-user

Not sure why it didn’t go through. Here’s a link: http://notasquid.com/biography/

Here’s a screen shot of the error: http://snag.gy/5r6uP.jpg
typebig

Wow, it’s looking great but I don’t see any problems. Did you fix it?

typebig

Nevermind, all your thumbnail images are 800×450 but the last three are different sizes. Make the last three 800×450 also.

Default-user

ah! of course it’s something obvious like that. Thanks again.

  • Bought between 50 and 99 items
  • China
  • Has been a member for 3-4 years

But I prefer the services section (circles) before.It made more page hierarchy.

typebig

The circles version still comes with the theme. It is very hard to please you.

qinghe1990

Thanks.I just hope that I can choose it in the wordpress version. I love the parallax effect on this page.Looking forward to your improvement?

  • Bought between 1 and 9 items
  • Has been a member for 1-2 years
lodica Purchased

Hi guys as promise i have purchased the template. I’m not a developer but your documentation it’s perfect. just one question I like so much the new expertise section, but its possible add again the parallax effect on the background? I hope its possible!

good work

Lorenzo

typebig

Hi, add your background image in the following element of style.css

#expertise {width:100%; background:url(img/yourimage.jpg) no-repeat left top;....}

Note you are first setting the background image in the top left position. Then add the following in global.js inside $().ready(function() {
        // move intro image from mouse on mouseover
        $('#expertise').mousemove(function(e){

            /* Work out mouse position */
            var offset = $(this).offset();
            var xPos = e.pageX - offset.left;
            var yPos = e.pageY - offset.top;

            /* Get percentage positions */
            var mouseXPercent = Math.round(xPos / $(this).width() * 100);
            var mouseYPercent = Math.round(yPos / $(this).height() * 100);
            var diffX = $(this).width();
            var diffY = $(this).height();

            var myX = diffX * (mouseXPercent / 2000);
            var myY = diffY * (mouseYPercent / 2000);

            $(this).css({'background-position': '-' + myX + 'px -' + myY + 'px'});
        });    
Default-user
lodica Purchased

prefect thanks! i love your works! What do you think of adding a section “client”, where we can add little logo of our client? that’s a perfect portfolio!

typebig

Hi, you can just add another section like the biography section. Of course, you will have to adjust the HTML and CSS. Then, for the link it’ll be something like <a href=”#clients”>Clients</a>

Default-user
lodica Purchased

Yes but its not so simple for me becouse i know only basic code…how can i made just a section with only the logo of my client?

typebig

Hi, that’s is a customization request I really can’t spend much time on. It wouldn’t be fair on other buyers and I really don’t know how you want to lay it out. I can only get you started and you will have to adjust the CSS. Try adding the following wherever you want the section to be in the HTML

    <style>
    #clients {padding:100px 0 100px; background:url(img/your_background_image.jpg); background-color:#ffffff}
    </style>    
    <div id="clients" class="section">
        <div class="inner-wrapper">
            <img src="img/your_client_logo.jpg" />
        </div><!-- // .inner-wrapper -->
    </div><!-- // #clients -->

Then, add you link like the other links
Default-user
lodica Purchased

Ok Thanks a lot!

  • Bought between 100 and 499 items
  • Has been a member for 2-3 years
tneubner Purchased

Is there a way to deactivate the sliding effect in the portfolio pages? I just want static portfolio pictures there – no motion effect for mouseover. How can I change that? Thanks so much!

typebig

Hi, just comment out or delete the following in global.js under 8B. Function Project Loader

                // move slide slide image from mouse on mouseover
                $('.rslides_nav').mousemove(function(e){

                    /* Work out mouse position */
                    var offset = $(this).offset();
                    var xPos = e.pageX - offset.left;
                    var yPos = e.pageY - offset.top;

                    /* Get percentage positions */
                    var mouseXPercent = Math.round(xPos / $(this).width() * 100);
                    var mouseYPercent = Math.round(yPos / $(this).height() * 100);
                    var diffX = $(this).width();
                    var diffY = $(this).height();

                    var myX = diffX * (mouseXPercent / 1000);
                    var myY = diffY * (mouseYPercent / 1000);

                    $(this).parent().find('.pslides li:visible img').animate({marginLeft: '-' + myX + 'px', marginTop: '-' + myY + 'px'},{duration: 100, queue: false, easing: 'linear'});
                });    

  • Bought between 1 and 9 items
  • Has been a member for 3-4 years
jvdleeden Purchased

I tried to change to google font, pasted the code into the css ( in the h1, h2 etc. ) and in the HTML( on top, in to the <head> , but it did not work. do youknow if it is possible at all?

typebig

Hi, just put in something like the following in your head tag:

<link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>

Then, in style.css replace “Arial Black” or “Helvetica Neue” with “Montserrat” or whatever google font you are using.
by
by
by
by
by
by