68 comments found

  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 1 and 9 users
  • Bought between 50 and 99 items
RubyLu Purchased

Hi, I’m still looking for a response on the above question. Also, in a future update would you please consider adding LinkedIn to the social media buttons for the sprite_social_6.png style? Thanks! :)

WebLionMedia

Hi,

1. This is the code for the Nivo slider without caption boxes:


<section class="section_slider_2">
    <div class="slider_line_1" />
    <div class="inner">
        <div id="slider" class="nivoSlider">
            <img src="images/pic_slider_2_1.jpg" alt="" />
            <img src="images/pic_slider_2_2.jpg" alt="" />
            <img src="images/pic_slider_2_3.jpg" alt="" />
            <img src="images/pic_slider_2_4.jpg" alt="" />
            <img src="images/pic_slider_2_5.jpg" alt="" />
        </div>
    </div>                    
    <script type="text/javascript">
        $(function() {
            $('#slider').nivoSlider({
                afterLoad : function() {
                    var width = 100 / $('.section_slider_2 .nivo-controlNav a').length;
                    $('.section_slider_2 .nivo-controlNav a').css('width', width + '%');
                    $('.section_slider_2 .nivo-directionNav a').attr('href', 'javascript:void(0)');
                }
            });
        });
    </script>
</section>

2. In file /layout/style.css find this line:

.section_slider_2 .nivo-directionNav {height:55px; position:absolute; left:325px; top:236px; z-index:100; }

and add this parameter: display:none;

Te finale code will be:

.section_slider_2 .nivo-directionNav {height:55px; position:absolute; left:325px; top:236px; z-index:100; display:none; }

3. To change the orange color for the thick line in the nivo slider, please open the file /layout/style.css and find this line:

.section_slider_2 .nivo-controlNav a.active {background-color:#f75016; border-top:1px solid #e64915;}

In this line you can change the parameters for background-color and for border-top.

Best regards, WLM

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

@RubyLu A quick patch would be to add the following in the style.css (doesn’t matter which line).

.nivo-caption{display: none !important;} .nivo-directionNav{display: none !important}
  • Bought between 100 and 499 items
  • Denmark
  • Has been a member for 2-3 years

Hello there… When will a WP version be available!, any approximately date ? Thanks and look forward.

WebLionMedia

Hello,

After 1st January, 2013 we will finish it.

Best regards, WLM

  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 1 and 9 users
  • Bought between 50 and 99 items
RubyLu Purchased

hey Nibz,

Thanks so much for your help! Hopefully the author will have a better solution. What I found odd is that, those styles (display none) are already in place in the CSS, but there’s some additional stuff in one of the jQuery files that references the specific class .nivo-caption, so I think it needs to be turned off somewhere in there too for it to work. I dont need any type of customization, just have some slides that will not have captions, so I need to be able to take that off. :-)

WebLionMedia

Hi,

1. This is the code for the Nivo slider without caption boxes:


<section class="section_slider_2">
    <div class="slider_line_1" />
    <div class="inner">
        <div id="slider" class="nivoSlider">
            <img src="images/pic_slider_2_1.jpg" alt="" />
            <img src="images/pic_slider_2_2.jpg" alt="" />
            <img src="images/pic_slider_2_3.jpg" alt="" />
            <img src="images/pic_slider_2_4.jpg" alt="" />
            <img src="images/pic_slider_2_5.jpg" alt="" />
        </div>
    </div>                    
    <script type="text/javascript">
        $(function() {
            $('#slider').nivoSlider({
                afterLoad : function() {
                    var width = 100 / $('.section_slider_2 .nivo-controlNav a').length;
                    $('.section_slider_2 .nivo-controlNav a').css('width', width + '%');
                    $('.section_slider_2 .nivo-directionNav a').attr('href', 'javascript:void(0)');
                }
            });
        });
    </script>
</section>

2. In file /layout/style.css find this line:

.section_slider_2 .nivo-directionNav {height:55px; position:absolute; left:325px; top:236px; z-index:100; }

and add this parameter: display:none;

Te finale code will be:

.section_slider_2 .nivo-directionNav {height:55px; position:absolute; left:325px; top:236px; z-index:100; display:none; }

3. To change the orange color for the thick line in the nivo slider, please open the file /layout/style.css and find this line:

.section_slider_2 .nivo-controlNav a.active {background-color:#f75016; border-top:1px solid #e64915;}

In this line you can change the parameters for background-color and for border-top.

Best regards, WLM

  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
  • Netherlands
nibz Purchased
@RubyLu for the caption u really have to use the css: .nivo-caption{display: none !important;} and for the arrows you can (also) use a extra line in the javascript in your index.html file (but the css is also good enough) arround line 277 (in the default file) add a extra line with directionNav: false,
  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
edoxx Purchased

Hi there, I have a question, in your preview template there is a tweet and Facebook button plugin, to like each image, but in the template that i have, this feature isn’t available, can you help, i need that function. Thanks for your help, really appreciated.

WebLionMedia

Hi,

Do you mean the tweet and the rss buttons from the top of the right column from this image http://0.s3.envato.com/files/42472755/Screen/06_Blog_Style_1.jpg ?

Best regards, WLM

  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 1 and 9 users
  • Bought between 50 and 99 items
RubyLu Purchased

Thank you so much for your help WebLionMedia and for the detailed response!! :) @Edoxx – it sounds like he is talking about prettyPhoto or whatever lightbox is used…. “to like each image”

  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 1 and 9 users
  • Bought between 50 and 99 items
RubyLu Purchased

WLM,

I have decided to use ‘Slider 4’ for the slider on my homepage. However, I notice that this one doesn’t move/rotate or actually “slide” at all on its own without me clicking the forward and back arrows. Is there something I need to change like an “auto: true” setting or something like that in some JS somewhere to get it moving on its own like a true slider? Thanks!! Love the template so far!

  • Exclusive Author
  • Has been a member for 2-3 years
  • Referred between 1 and 9 users
  • Bought between 50 and 99 items
RubyLu Purchased

Nevermind—I figured out how to make slider4 move on its own and how to remove the orange forward/back arrows that can’t be removed or have their colors changed via CSS. However, I think its worth noting that, including information on how to do some of this stuff in your documentation would be a huuuge help to buyers and would probably keep support requests to much more of a minimum, too. Compared to what I’m familiar with, the doc’s for this template are very vague and bare-bones. Luckily, enough of its easy for me to decipher! ;)

  • Bought between 100 and 499 items
  • Has been a member for 3-4 years
  • Turkey

when will the wordpress version come

WebLionMedia

In 1-2 weeks.

  • Bought between 100 and 499 items
  • Germany
  • Has been a member for 5-6 years
Hanniball Purchased

Any chances you will generate some css for forms e.g. a drop down, radio buttons, check box and drop down list form element? Would be nice for contact form and for some inner content forms also ;)

WebLionMedia

Great idea. Will add it soon for html and for WordPress version. Thank you.

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

Hello,

I am a newb, so any help is very much appreciated. I am trying to figure out how to change the navigation style on the mobile version. I, personally, don’t like the standard dropdown menu of my items. Also, I need to figure out how to change my static image on the mobile site.

Thanks again!

WebLionMedia

Hello. Do you want to use the desktop version for mobiles, do not use the responsive version?

Default-user

I would like the menu of the desktop version on all the mobile versions, if possible. :)

WebLionMedia

only the menu or the entire design?

Default-user

Only the menu, but it would be good to know both just in case

WebLionMedia

1. To disable the responsive version of the template need to delete form the file ”/layout/style.css” all blocks that begins with:

@media

For example:

@media (max-width: 1200px) {
    nav.main_menu ul ul ul    {left:-185px;}
    .block_to_top {display:none;}
}

2. To disable only the menu for mobile version, edit the file ”/layout/js.main.js” and delete this code:

function init_menu() {
    $('nav.main_menu a').click(function(e) {
        if(isMobile) {
            var parent = $(this).parent();
            if(((!parent.hasClass('expanded')) || $(this).attr('href') == '#') && (parent.find('ul').length > 0)) {
                $(this).parent().toggleClass('expanded');
                e.preventDefault();
            }
        }
    });

    build_responsive_menu();
}

NOTE: Be carefully, if you will delete this code, then the menu will be arranged as it is, because it has no styles for responsive mode and you should have html/css knowledge to create the css for it.

Best regards

  • Bought between 100 and 499 items
  • Germany
  • Has been a member for 5-6 years
Hanniball Purchased

@njoneslighting

The static picture is located in the images folder and is called pic_slider_1_static.jpg for the light theme and pic_slider_1_static_dark.jpg for the dark theme. Took me also a while to figure that out :)

  • Has been a member for 1-2 years
  • Uruguay

I want someone to help me please…

WebLionMedia

Hello. I have checked and in my records is wrote: “This user has never purchased any of your files.” Please contact me from the account where you have made the payment. Thank you for understanding.

  • Has been a member for 1-2 years
  • Uruguay

@Hanniball

  • Elite Author
  • Sold between 100 000 and 250 000 dollars
  • Bought between 10 and 49 items
  • Has been a member for 2-3 years
  • Exclusive Author
  • Referred between 10 and 49 users

My developer bit sick, to the next time you get all your questions answered. I hope for your understanding! thanks!

Best regards, Roman

  • Bought between 100 and 499 items
  • Germany
  • Has been a member for 5-6 years
Hanniball Purchased

@MarkMarthn, I guess this is a case of changing the css behaviour of the navigation. The js in main.sj checks what kind of browser is detected and then decides what css part to take for the mobile navigation or creates the responsive menu from that. I guess you have to check with the dev. as he knows exactly what to do ;)

Regarding the pics, just exchange them with new one’s in the folder as described above.

  • Has been a member for 1-2 years
  • Uruguay

Hanniball -> Thanks for reply, this is my site www.nozeet.com can you tell me why I do not have Categories, Pages ??

WebLionMedia

Hello. I have checked and in my records is wrote: “This user has never purchased any of your files.” Please contact me from the account where you have made the payment. Thank you for understanding.

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

PLEASE HELP I CANT INSTALL YOUR THEME THIS IS WHAT I GET “THE package could not be installed. The theme is missing the style.css stylesheet.”

WebLionMedia

Hello,

This is a simple html template, not a WordPress theme. The WordPress theme will be ready soon.

Best regards, WLM

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

Hello … When will a WP version be available!, any approximately date ? Thanks .

WebLionMedia

Hello. Please check our profile in 7-10 days. Thank you.

by
by
by
by
by
by