wwwebinvader

wwwebinvader supports this item

Supported

28 comments found.

Dude, on Work Page slider if there is less then 10 pictures not working.

Strange, but it’s bug with carousel, works good if set 3, not 10 slides.
Change old CSS code on this


#media-wrapper {
    background: none;
    float:left;
    display:inline-block;
    width: 100%;
    height: auto;
    position: relative;
    margin: 20px 0px 40px 0px;
}
#media-wrapper img {
    display:inline-block;
    border-bottom: 3px solid #ffdb24;
}
#images, #thumbs {
    height: auto;
    max-height: 800px;
    overflow: hidden;
}
#images {
    width: 100%;
    max-width: 100%;
    margin: 25px 0px;
}

.thumbs-wrapper .caroufredsel_wrapper {
    left: 50% !important;
    margin-left: -225px !important;
}

.thumbs-wrapper {
    width: 100% !important;
    float:left !important;
    overflow:hidden;
    height:auto !important;
    position:relative !important;
}

#thumbs {
    height:auto !important;
}
#thumbs img {
    border: 2px solid #adadad;
    padding: 14px;
    float:left;
    height: 102px;
    width: 102px;
    overflow:hidden;
    margin: 0px 24px 0px 0px;
    cursor: pointer;
}
#thumbs img.selected, #thumbs img:hover {
    border-color: #ffd824;
}

#prev, #next {
    width: 15px;
    height: 21px;            
    display: block;                
    text-indent: -999em;
    background: transparent url(img/carousel_control.png) no-repeat 0 0;
    position: absolute;
    bottom: 85px;                
}
#prev {
    background-position: 0 0;
    left: 15px;
}
#prev:hover {
    left: 14px;
}            
#next {
    background-position: -18px 0;
    right: 15px;
}
#next:hover {
    right: 14px;
}            

#source {
    text-align: center;
    width: 400px;
    margin: 0 0 0 -200px;
    position: absolute;
    bottom: 10px;
    left: 50%;
}
#source, #source a {
    color: #999;
    font-size: 12px;
}



And replace old code in main.js on this

// 01 - 09 - Work Page slider
$(window).load(function(){
    $('#thumbs').carouFredSel({
        synchronise: ['#images', false, true],
        auto: false,
        width: 450,
        items: {
            visible: 3,
            start: -1
        },
        scroll: {
            onBefore: function( data ) {
                data.items.old.eq(1).removeClass('selected');
                data.items.visible.eq(1).addClass('selected');
            }
        },
        prev: '#prev',
        next: '#next'
    });

    $('#images').carouFredSel({
        auto: false,
        items: 1,
        scroll: {
            fx: 'fade'
        }
    });

    $('#thumbs img').click(function() {
        $('#thumbs').trigger( 'slideTo', [this, -1] );
    });
    $('#thumbs img:eq(1)').addClass('selected');
});

Hi! How I can set two Maps on home page?

Hi, into index.html file replace code of contacts section by this


    <!-- The contacts map -->
    <section class="contact-map" id="contact-map">

        <style type="text/css">
            /* Set a size for our map container, the Google Map will take up 100% of this container */
            #map {
                width: 100%;
                height:360px;
            }

            #map-two {
                width: 100%;
                height:360px;
            }
        </style>

        <div id="map" />
        <div id="map-two" />

     </section>



into google-maps.js remove all and add this


// Google Maps JS & Settings Coordinates
// When the window has finished loading create our google map below
// https://developers.google.com/maps/documentation/

google.maps.event.addDomListener(window, 'load', init);

function init() {
{
    var latlng = new google.maps.LatLng(18.520266,73.856406);
    var latlng2 = new google.maps.LatLng(28.579943,77.330006);
    var myOptions =
    {
        zoom: 15,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var myOptions2 =
    {
        zoom: 15,
        center: latlng2,
        mapTypeId: google.maps.MapTypeId.SATELLITE
    };

    var map = new google.maps.Map(document.getElementById("map"), myOptions);

    var map2 = new google.maps.Map(document.getElementById("map-two"), myOptions2);

    var myMarker = new google.maps.Marker(
    {
        position: latlng,
        map: map,
        title:"Pune" 
   });

    var myMarker2 = new google.maps.Marker(
    {
        position: latlng2,
        map: map2,
        title:"Noida" 
    });
}

}



Best Regards!

On Work Page slider none of the original pictures are showing up at the original size. I have 500×500 images with 70×70 thumbs, but on the Work Page slider, they are showing up as half that size (though the thumbs are showing as the correct 70×70). And when you go around the slider once, the second time around they are half the size yet again.

To sum: images that are 500×500 are showing up on the slider as being 250×250 and when you go through all the pictures once, the second time they are not even 250×250 but 125×125, and so on.

I use standart hack to this slider and here is result: http://prntscr.com/5w6b2n

You may use owl slider, and here is example, only add code in main.js, style.css, and in your-page.html – http://jsfiddle.net/Gaziev/EGrGN/light/

For some reason, this doesn’t work for me. All i get are three pictures, one right below the other.

I have question…your not purchase my item, how you get it?

Install owl slider and use it, it’s great for your purpose.

Hi, Love the template, it’s great. 1 question though, is there a way to remove the filter on the background photos on the slider?

Thanks, Serge

Hi, I glad to here it :) you may put rating 5 stars, I will be very grateful.

What filter you mean? pattern on image? You may remove this code in CSS

.slides-fullscreen-img:before {
content: '';
display: block;
width: 100%;
height: 100%;
background: rgba(11, 13, 13, 0.4) url(../images/overlay.png) repeat;
}

Best Regards!

That’s great and thanks for the quick reply!

Great, thanks you for contact me!

Hi Can anyone help me sort the page out on the website. On some wordpress sites theres already text there and logos for you to just replace and put your own in this one seems to come empty and i can’t seem to make it work.

Is there anyone who can help me with this?

Hi, I’m introduce only HTML version of Uncle Hummer. WordPress version here: http://themeforest.net/item/uncle-hummer-responsive-wordpress-building-theme/8942592

You may send message to author on his profile here: http://themeforest.net/user/themeonlab

Is there a way to increase the header size at the top? I wanted to increase the size of my logo in the top right.

This is all list of functioms: http://prntscr.com/8nk3on You should add this settins:
play: true,

here: http://prntscr.com/8nk4xz – in main.js file

Regards!

Thanks again, it worked great. What code do I need to change to resize the slider images on mobile devices? I saw the comment no the first page, but wasn’t sure if it resolved the issue. Many Thanks!

You can do it only via css but it will give you smaller image notresizeing. To upload resized images on mobile you should use this method: http://www.smashingmagazine.com/2013/07/choosing-a-responsive-image-solution/

Best Regards!

I am really interested in this theme, I am a little concerned about the crosshatch/overlay on the photo’s which blur when scrolling down the page, can this be removed?

Thanks for your purchase!

Yes only add it after:
<nav class="menu"></nav>

Regards!

Thank you! Can I change the top colour to green rather than orange?

You may open style.css in notepad++ and replace all #ffd824 color to #35BB24 for example.

Hi I love your theme and just installed it on my Website. now there are 2 Problems: 1) The Page content does not align centered (Only the headline is centered)

2) I would like to use a 500px.com Icon instead of a Twitter Icon in Social Section. Where do I find the Twitter Icon to replace it?

Thanks in advance!

Hi, thanks a lot, but it’s HTML version. WP Theme you may find here: http://themeforest.net/item/uncle-hummer-responsive-wordpress-building-theme/8942592?s_rank=2

and this theme supported by this guys: http://themeforest.net/user/themeonlab

Regards!

by
by
by
by
by
by