Discussion on Rhythm - Multipurpose One/Multi Page Template

Bestlooker

Bestlooker supports this item

Supported

This author's response time can be up to 2 business days.

537 comments found.

hi… How to change or reduce header high ?

Hello aldrian,

Thank you for your purchase and for your question.

Please, create a support request here – https://themeforest.net/item/rhythm-multipurpose-onemulti-page-template/10140354/support and provide the following information:

1. Your website URL or the name of HTML file,that you use. 2. Do you want to change the height of header menu bar or header section with background image?

Hi, i would like to turn your first slide automatic in your page: elements-sliders.html Witch class must to put? Thanks in advance. I have send a mail on your support section. But not answer. Thanks in advance. Best regards F.

Hello franzouille,

I am sorry if you haven’t received our email. We have received a support request from you 15 February and sent the answer in the same day. It might be marked as spam on your mail box. Please, check the spam folder.

Please, open the file /js/all.js (line ~593) and change this code fragment:
        // Work slider
        $(".work-full-slider").owlCarousel({
            slideSpeed : 350,
            singleItem: true,
            autoHeight: true,
            navigation: true,
            navigationText: ["<i class="fa fa-angle-left" />", "<i class="fa fa-angle-right" />"]
        });
to this code:
        // Work slider
        $(".work-full-slider").owlCarousel({
            autoPlay: 2500,
            slideSpeed : 350,
            singleItem: true,
            autoHeight: true,
            navigation: true,
            navigationText: ["<i class="fa fa-angle-left" />", "<i class="fa fa-angle-right" />"]
        });

The value “2500” is time of slide delay in milliseconds.

Hi, if i want to change one accordion tab to point to a link.. how do i need to change in the js/all?

Hello atracurium,

Thank you for your question.

Please, open file /js/all.js (line ~404) and change this code fragment:

$(this).children("dt").children("a").click(function(){
to this code:
$(this).children("dt").children("a:not(.accordion-force-link)").click(function(){

After that, open your HTML file and add class .accordion-force-link to the appropriate accordion link tag:

<dt>
<a href="http://bestlooker.pro" class="accordion-force-link">Second</a>
</dt>

Feel free to contact us if you have any questions.

Thank you so much!

You are always welcome :)

Hello, is there a way to disable the related video content from YouTube when using YouTube urls within Lightbox? There is both the grid that pops up after play, and a lower bar when paused. I tried adding ”?rel=0” to the end of the url, but it doesn’t seem to work, and Lightbox seems very picky about how the URL is formatted anyway. Any tips? Many thanks.

Hello DBHansen,

Thank you for your question.

Please, open the file /js/all.js and add this code in the end:


            jQuery(window).load(function(){
                jQuery('a[href*="youtube.com/watch"]').magnificPopup({
                    type: 'iframe',
                    iframe: {
                        patterns: {
                            youtube: {
                                index: 'youtube.com',
                                id: 'v=',
                                src: '//www.youtube.com/embed/%id%?rel=0&autoplay=1&showinfo=1'
                            }
                        }
                    }
                });
            });

It must help you to disable the related videos. Feel free to contact us if you have any questions.

It worked, thank you! At first I couldn’t get it to work at all, until I realized I still had the ”?rel=0” in the watch URL on my index.html. That must have confused it. Once I removed that, it worked perfectly. Thanks again.

You are welcome! We are always happy to help.

Hi, wondering if i want the file input type for forms.. how do i actually doing that. I have no idea what i should add at the contact.php

Hi atracurium,

You can find a code example for input HTML element “file uploading” in file elements-forms.html . Unfortunately, Rhythm template doesn’t include pre-designed PHP scripts for processing of the “file uploading” field.

sre

sre Purchased

Where can i find and buy the demo images? ;-)

Hello sre,

All the photos used in this template are intended only to illustrate the template and all the rights on them belong to their legal owners. Not all the photos from Rhythm template are available for buying. Please, contact us via email support@bestlooker.pro and tell what photo you are interesting in.

How do I upload the Agency Header demo? It is not in the demo sample map

Hello,

My bad, I use the wordpress version. Any chance you can help me to get the Agency Header demo on my website?

We are developers of Rhythm HTML version and unfortunately we can’t help you with Wordpress version. Rhythm Wordpress is developed and published on Themeforest by another author. You can contact him here (as soon as Rhythm Wordpress theme will be restored) – http://themeforest.net/item/rhythm-responsive-multipurpose-theme-/11330434

Hello studiovlam,

Please, send a support request to email address themerella@gmail.com . This is email address of the Rhythm Wordpress theme author.

where is the Rythm Wordpress version? It’s no longer available. Why?

Hello manueldesign,

We are trying to find out the reason. We’ll keep you updated on the latest news from authors of Rhythm Wodpress Theme.

We are developers of Rhythm HTML version and unfortunately we can’t help you with Wordpress version. Rhythm Wordpress is developed and published on Themeforest by another author. You can contact him here (as soon as Rhythm Wordpress theme will be restored) – http://themeforest.net/item/rhythm-responsive-multipurpose-theme-/11330434

hi, bootstrap 4 is already out, when is your plan to upgrade to 4? thank you

Hello merdjpatts,

Unfortunately, we can’t give any time frames for converting Rhythm template to Bootstrap 4.

Here you can find an actual documentation for Bootstrap 3- https://getbootstrap.com/docs/3.3/

but do you have a plan to upgrade to v 4?

Unfortunately, I can’t say exactly if we will update Bootstrap to version 4.x. Currently, this task doesn’t have a priority.

fatjay

fatjay Purchased

Hi a question .. how i can make that the Player overlay is shown from the start and not hidden. So i want the play and mute etc button visible without the user having to go over the site

Hello fatjay,

Thank you for your question . You can find an example with the visible play/pause and sound on/off buttons in this Rhythm demo – http://rhythm.bestlooker.pro/index-14.html

I cannot get past “Something Went Wrong” the link you are following expired

Hello soaringbrain,

What link do you mean?

wordpress version?

Hello ibietela,

This is an HTML version of Rhythm template. Unfortunately, Wordpress version of Rhythm template is currently unavailable. Feel free to contact the Rhythm Wordpress theme author if you have any questions – themerella@gmail.com .

Hi, I downloaded latest version today. But it was 2.9.9.. I found your changelog like “v. 2.10 – 29 June 2018”. When are you going to update???

Hello watermarkjpjp,

I am sorry for confusion. We have already fixed issue with the template package version. Now you can download version 2.10.

Not only template but also your support is great! Thank you!

You are always welcome :)

hello i like your template but i was wondering, it it possible to make it show only one page instead of multiple scrolling down pages, idea is something like this:- www.usapparelandtextiles.com let me know. thanks

Hello usmanzam,

Thank you for your question.

You can implement such solution based on demo index-18.html. You just need to open file /js/rev-slider.js and change this code:

$(".fullscreenbanner-s").revolution({
            delay: 15000,
            startwidth: 1170,
            startheight: 500,
            hideThumbs: 10,
            fullWidth: "off",
            fullScreen: "on",
            fullScreenOffsetContainer: "",
            navigationStyle: "preview4",
        });

to this code:

        var revapi1 = $(".fullscreenbanner-s").revolution({
            delay: 15000,
            startwidth: 1170,
            startheight: 500,
            hideThumbs: 10,
            fullWidth: "off",
            fullScreen: "on",
            fullScreenOffsetContainer: "",
            navigationStyle: "preview4",
            drag_block_vertical: true
        });

        (function() {

        // change "revapi1" here to whatever API name your slider uses (see notes below)
        var slider = revapi1;

        slider.parent().on('mousewheel DOMMouseScroll', function(event) {

            if(event.originalEvent.wheelDelta > 0 || event.originalEvent.detail < 0) {

                slider.revprev();

            }
            else {

                slider.revnext();

            }

        });

    })()

Here you can look at result – http://rhythm.bestlooker.pro/test/slidermousewheel/index-18.html

i would like to discuss the project, whats your email. Thanks.

How can I update this template on an existing website?

Hello verticreative,

Thank you for your question.

You need to download the latest version of the template and replace all updated files (or the code fragments). You can find the changelog in the template package, file changelog.txt.

are the special demos included in download?

i sent you support request please check and respond urgently and oblige, thanks.

Dear usmanzam,

We have already sent you the answer via email.

yes i appreciate your quick response, i also replied you and look forward your support thank you

Hi Bestlooker!

I posted some questions via support form. I already found how to remove previews at Revolution, but I still need to remove the triangles from the slider (index-07) and to solve the bad redimensioning of the Revolution (index-18) at narrow screens (mobile).

But most important is a NEW QUESTION now: where exactly I have to change to change the trigger between the mobile collapsed menu and the desktop normal menu? I tried to change many of the “screen” parameters I found at CSS files, but it didn’t work.

The main reason is that it’s triggering exactly at 1042 pixels width, so even at a 1024 screen width it’s being displayed with the mobile menu. I’d like to set a width a bit under 1024 to allow people at this resolutions (or a little below if not maximized) can have the normal desktop menu.

Although desktop displays today are very wide, going up to 2048 pixels width, exactly for this reason it is being very common people work with TWO windows at same time (I do that all the time), and not full screen, so 1024 is still to be considered a desktop resolution… (even 800px, if someone opens two windows at a 1600px wide screen)

Thanks and regards!!

NOTE: I just realized now your reply via e-mail to the first questions – Thank You! There is only remaining now the one about menu type trigger. :-)

Hello marcelorsc,

Please, open file / js/all.js (line ~154) and find this code fragment:

        // Mobile menu style toggle
        if ($(window).width() <= 1024) {
            $(".main-nav").addClass("mobile-on");
        }
        else 
            if ($(window).width() > 1024) {
                $(".main-nav").removeClass("mobile-on");
                desktop_nav.show();
            }

You need to change the number “1024” in the code.

Feel free to contact us if you have any questions.

Hi there.

I have a problem with the lightboxes and do not find an explanation in the documentation.

I would like to have a separate LIGHTbox for each thumbnail in the portfolio in the index10.html

Currently my code looks like that, and always the same images are loaded for different thumbnails…

Please help. Thanks. Jan

<!- Works Grid ->

Hello jankokol,

Thank you for your question.

Please, create a support request and we will try to help you – https://themeforest.net/item/rhythm-multipurpose-onemulti-page-template/10140354/support

Ok. Thanks. Jan

Hello.

If I try to add a cookie banner code like from the link https://cookieconsent.insites.com/

<link rel=”stylesheet” type=”text/css” href=”//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css” /> <script src=”//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js”></script> <script> window.addEventListener(“load”, function(){ window.cookieconsent.initialise({ “palette”: { “popup”: { “background”: ”#000” }, “button”: { “background”: ”#f1d600” } } })}); </script>

in the index.html in the head before the </head> tag it does not appear on the webpage.

Please advice. Thanks. Jan

Hello Jan,

Provide your website URL and I will try to help you.

Please, note, this script doesn’t work on localhost. You need to upload your website to web server.

by
by
by
by
by
by