105 comments found

wood1tz Purchased

I need to makethe logo bigger for my site – at the moment i can see it’s within the div fro the menu, which gives it a large top margin. I would like it to fill that space. I’ve tried to make it bigger and move it up with a negative margin, but then it’s ll wrong in tiny device mode. what are the options? site is wildthingsafaris.com

thanks in advance

funcoders

Hi, you need to do follow:

Ex. default height 60px ( -15px to vertical center), mobile/scroll height 45px (-8px to vertical center)

1. Open your style.css file and change code (from line 184 to 187):
#header .logo {
    margin-top: 0px;
    height: 43px;
}
on follow:
#header .logo {
    margin-top: -15px; 
    height: 60px;
    margin-bottom: 0;
}
@media (max-width: 991px){
    #header .logo {
       height: 45px!important;
       margin-top: -8px;
    }
}
2. Open your theme.js file and change (line 203-217):
items.push({
    target : header.logo,
    start  : topbarHeight,
    css    : 'height',
    max    : logoHeight,
    min    : 45,
    ratio  : 2
}, {
    target : header.logo,
    start  : topbarHeight,
    css    : 'margin-top',
    max    : logoTop,
    min    : -8,
    ratio  : 2
});

Thx

hello i have style css empty and other css are .min

Default-user

also js in .min

funcoders

Hi sorry for delay. Yes you right. In template we added minified styles and scripts, to increase loading speed.

Style.css empty because, this is your own styles.

thx

bayodapo Purchased

Hi, I’m currently using the one page design but the sliders extend beyond the screen width. Need urgent help with this…

funcoders

Sorry for delay. Please send screenshot on info.funcoders@gmail.com

pbcopy Purchased

To change the Google Map do I have to edit both the map.js and the map.min.js files?

Nice template. Instructions for Google Map could be added to documentation. Instructions for adding custom css could also be added to documentation… to customize css add custom styles to styles.css…

funcoders

Hi, you need include only one file: map.min.js or map.js.

You can make changes in map.js, then go to http://jscompress.com and minify/save to map.min.js. Include to theme

Thx

Hello, I was wondering how to change the datepicker widget (Jquery UI) language. I found how to change the language (http://stackoverflow.com/questions/494958/how-do-i-localize-the-jquery-ui-datepicker) and it works with a naive datepicker but language just won’t change when using Jets, I tried editing the jQuery UI .js to change the language there but with no luck. Do you know where should I change it?

And is there any way to change the background color of the drop down menu? I like it gray as it is but I was wondering how my site would look with different colors.

Thanks!!!

funcoders

Hi

1. Change the datepicker widget (Jquery UI) language

a) download language script from

https://github.com/jquery/jquery-ui/tree/master/ui/i18n

Ex. french datepicker-fr.js

b) put this file to folder /js/library/query c) attach script in footer

    <!-- jQuery & Helper library -->
    <script type="text/javascript" src="js/library/jquery/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="js/library/jquery/jquery-ui-1.10.4.custom.min.js"></script>
    <script type="text/javascript" src="js/library/jquery/datepicker-fr.js"></script>

2. Theme styled for dark bg. This is code for simple drop down (not megamenu)

a) Open style.css file b) Add follow code (ex. gray )

@media (min-width: 992px) {
    #main-menu ul.dropdown > li {
        background-color: #f4f4f4;
    }
    #main-menu ul.dropdown > li > a,
    #main-menu ul.megamenu-category .category-nav a  {
        color: #888;
    }
    #main-menu ul.dropdown > li > a:hover,
    #main-menu ul.dropdown > li.active > a,
    #main-menu ul.megamenu-category .category-nav .current a,
    #main-menu ul.megamenu-category .category-nav a:hover,
    #main-menu ul.dropdown:not(.megamenu-category) a:hover {
        color: #2d343e;
    }
    #main-menu > li:before, #main-menu ul.dropdown > li:before {
        background: #888;
    }
    #custom-nav-bg {
        background-color: #f4f4f4;
    }
}

Thx

by
by
by
by
by
by