Discussion on BlackBird - Responsive HTML5 Template

Discussion on BlackBird - Responsive HTML5 Template

Cart 299 sales
Well Documented

WebLionMedia does not currently provide support for this item.

84 comments found.

can you create more of such themes

Definitely buying this for my next project. Why don’t ThemeForest authors make themes like this anymore? So much bloat out here nowadays, it is so refreshing to find a simple, yet beautiful and effective theme like this one. Thank you WebLionMedia!

Thank you for a kind word. Hope to see you as a new customer.

Hi i have a question before a possible purchase: The “home page style 12” the slider doesn’t change automatically, it can be changed to automatic this feature? ty

Hi,

It’s possible, we are using Revolution slider on this page. There is a “delay” parameter on this page, I have set it to 3 seconds and you can check the effect now (clear the browser cache if will not work on page refresh): http://blackbird-html.weblionmedia.com/index_12.html

Best regards,
Weblionmedia

Hi I would like to use your template but am looking for a developer to set up a working blog with a database for a recipe website. Is that something you would hire out to do? Or could you suggest someone? Thanks, Leta

Hi. This is a html template, not a WordPress theme.

I want to have rounded corners for my Navigation. But I cannot change the padding-bottom because auf the second level navigation. Is there a workaround to do that?

.alt_header_2 .main_menu > ul > li > a {height:22px; line-height:22px; padding:0px 12px 30px; display:block; border:0px; color:#666; font-weight:bold;}

Please send your site URL and I will check and will let you know if it is possible and how to do it.

I dont´t want this site to get ranked by Google can I send it to your e-mail adress?

Hi. Please use the contact form on our Profile page: http://themeforest.net/user/WebLionMedia#contact

We need to add a YouTube video into the slider but we seem to be having issues doing this we are using the slider you show in the demo with the vimeo video in it. What is the code for you tube? Also is it possible to get the video to fill the slider?

thanks Rog

Hi,

Depends what slider you use. Please send the page URL from our demo site with the slider where you try to add video.

Best regards, Weblionmedia

I cant see the live preview. it says: Service Unavailable Server currently undergoing maintenance. Webmaster: please contact support.

is this theme still available for support?

We have some problems with our hosting provider, will fix the issues soon. Yes, the theme is available for support.

Hello,

On alternative pages > alternative header 2 (boxed) there is a space between menu and header i want removed. If removed by code, the slider falls under menu please view when put in a small width window:

http://panel.weblionmedia.com/index.html?theme=blackbird-html

Hello,

Edit the ”/layout/style.css” file:

Find this css code:

.alt_header_2 #header .section_bottom {height:56px; padding-top:30px; position:absolute; left:0px; right:0px; top:43px; background:url(images/bg_header_2.gif) repeat-x left bottom #ffffff; z-index:99;}

Change the value for top:43px; for instance change it to top:0px;

Weblionmedia

Good Morning. I’m having problems contact form. My Windows hosting recommends sending messages via contact form via authenticated SMTP. Indicated PHPMailer to send emails. Could help me in codes? Thank you.

Hello,

The message can’t been sent. Possible reason : your host has maybe deactivated mail() function. Ask your hosting server to activate the php mail function because it is disabled you can’t send emails via contact form.

Best regards, Weblionmedia

I am having trouble with the slider in explorer, I chose to use the boxed format. looks good in chrome and firefox but when I look at the page in explorer the slider is all the way across the page. (the browser is version 8)

Hello, I have received your email. Will reply to it to get more details. Thank you.

Hi ! Nice and clean site – Congrats !

QUESTION: In the file “index_2.html”, there is a “Testimonials” section at the bottom right side. It seems to be a slider. How can I make that slide automatically ? Which file triggers this and which line?

Thanks in advance !

P.S. The main (big) slider at the top works just fine.

Hi, thank you for your appreciation.

Below the code with testimonials you will see the code:


<script type="text/javascript">
    jQuery(function() {
        jQuery('#testimonials_slider_1').flexslider({
            animation : 'slide',
            controlNav : false,
            directionNav : true,
            animationLoop : true,
            slideshow : false,
            useCSS : true
        });
    });
</script>

In this code find slideshow : false change it to slideshow : true

Best regards,
Weblionmedia

First of all thanks for this great template and the effort you’re putting into it. But I have a question, I’am using the first slider at the homepage but it is not moving like the others how can I achive this?

Thanks and have a nice day.

Edit the file index.html and find this slider parameter

delay : 99999999999999999999999,

To change the images speed, find the parameter in all layers:

data-speed="300"

Thanks for the fast reply! Just one more question I want to use multiple type 1 tabs on one page, but the javascript only works for one tab. For the rest of the tabs he does not seem to use the javascript, could you explain me how to change that?

Hi,

Add an unique ID for each of the tabs you want to use. For example add the ID to the main class block_tabs_type_1>

<div class="block_tabs_type_1" id="tabs_1_id">
....
</div>

And modify the jQuery code below the tabs code from

<script type="text/javascript">
     jQuery('.block_tabs_type_1 .tabs').tabs('.block_tabs_type_1 .tab_content', {
         initialIndex : 0
     });
</script>

to

<script type="text/javascript">
     jQuery('#tabs_1_id .tabs').tabs('#tabs_1_id .tab_content', {
         initialIndex : 0
     });
</script>

Best regards, Weblionmedia

Please upgrade jquery in this template to v. 1.10 or 1.11. It stops working with other staff like jPlayer (in my case).

Template was built with jQuery 1.7.1, you have to adjust and include scrips that works with this jQuery version.

One other quick question:

I am trying to add RECENT PROJECTS Block many times on my page….So like this: https://www.dropbox.com/s/jg5zjbuk49si65g/Recent%20Projects.jpghttps://www.dropbox.com/s/jg5zjbuk49si65g/Recent%20Projects.jpg

Can you please let me know why this does not work? Is it the repeating script that is messing it up?

Thanks!

This is a slider and it was designed and coded to work in one row.

Yes, that is okay but can you not add multiple rows with this slider? OR is it designed for only one slider per page?

You can’t add multiple rows in the slider. Of course this is possible, but you/your code have to know html/css/jquery to make all these changes.

Hello,

Once again, great theme. I would like to modify the header a bit. I know this may be “out of your help responsibilities” but I thought I would ask. Please see the image below: https://www.dropbox.com/sc/ys4hr3muxxdd2o9/m6fRpCxFBf My current site is www.justbyaherr.com/herrforms

Do you think you can help me make my header look like the image?

If not, I understand but any advice would be great!!!

Thanks and have a good day!

Ashlee

Hello Ashlee,

However you can edit the html/css code yourself to achieve something like that. We would love to help you with this customization but unfortunately we only provide support for minor tweaks and small customization.

Best regards, Weblionmedia


WebLionMedia
I need to include a “Selected box” inside the contact form. The included code that is attached but not working. Need the expert touch. Could you help me code the “style” to that field?. It would be ideal if you could help me with Radio buttons and checkboxes.

Thank you very much in advance for your support.

<p class="label">How did you hear about Us? <span>*</span></p>                                        
<div class="field">
   <select name="hearaboutUs">
       <option value="0" selected="selected">Choose...</option>                            
       <option value="1">by Reference</option>
       <option value="2">Post Card</option>
       <option value="3">NIH Magazine</option>
 </select>
</div>

Hello,

I have added this code into contact form and the email is sending with the hearaboutUs parameter.

On this page you can find a lot of styles for radio and check buttons: http://webdesign.tutsplus.com/articles/quick-tip-easy-css3-checkboxes-and-radio-buttons--webdesign-8953

Best regards, Weblionmedia

Can you give me coding or direct me to a site for having two location points on the google map? I have two office locations and I would like both to show up on the one single map.

THANK YOU!

I am using the contact.html style. I believe this would be style 1.

Edit the “contact.html” file, find this code:


init_map(
    'map', //write here container's id for your map
    '12569 Saint Patrick des Prés 85000 Paris, France', //write here address you need
    '12569 Saint Patrick des Prés 85000 Paris, France', //write here description you need
    'images/icon_map_1.png' //path to your custom marker
);

and replace with this code and play with “zoom”, “addresses” and “center: new google.maps.LatLng(50, 0) to set LatLng:


jQuery(document).ready(function () {
    var map;
    var elevator;
    var myOptions = {
        zoom: 5,
        center: new google.maps.LatLng(50, 0),
        mapTypeId: 'terrain'
    };
    map = new google.maps.Map(jQuery('#map')[0], myOptions);

    var addresses = ['Paris', 'London'];

    for (var x = 0; x < addresses.length; x++) {
        jQuery.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
            var p = data.results[0].geometry.location
            var latlng = new google.maps.LatLng(p.lat, p.lng);
            new google.maps.Marker({
                position: latlng,
                map: map
            });

        });
    }

});

Best regards, Weblionmedia

THANKS!

Hello,

I would like my logo to be 480px x 75px. How can I make it bigger without messing up the entire header style 1 ?

Thanks, Ashlee

Hello Ashlee,

I will explain ho to make changes for one file html file, and you will make the same for other files.

1) Edit the “index.html” and find the code with logo:

<div id="logo"><a href="index.html"><img src="images/logo_top.png" id="logo_top" width="118" height="22" alt="Black Bird" title="Black Bird" /></a></div>

change it with this one and put your logo image path, logo width and logo height.

<div id="logo"><a href="index.html"><img src="images/logo_top.png" id="logo_top" width="480" height="75" alt="Black Bird" title="Black Bird" /></a></div>

2) And the second change that need to be made only once in the css file ”/layout/style.css”. Find these 2 lines:

#header .section_top {height:98px;}
#header .section_bottom {height:48px; position:absolute; left:0px; right:0px; top:98px; background:url(images/bg_header_1.jpg) repeat-x; z-index:99;}

change theme with these lines:

#header .section_top {height:151px;}
#header .section_bottom {height:48px; position:absolute; left:0px; right:0px; top:151px; background:url(images/bg_header_1.jpg) repeat-x; z-index:99;}

Best regards, Weblionmedia

Thank you SO much! That worked!

Hello. Menu not work with jquery version 1.10 Can you fix it? Thanks.

Hello. Theme works with the jQuery 1.7.1, with the version when was created the template. Will work to update the template wit the jQuery 1.10. Just let me know, what you are using new, and you need the jQuery 1.10, so I will test too, to be sure that works. Thank you.

I use WYSIWYG editor http://imperavi.com/redactor/ . Just when I replace jquery 1.7 to jquery 1.10 menu not working. Thanks.

OK. Noted to make this change. Will need some time, because not only menu not works with last jQuery version.

I bought this item and have a question for mail form. I want to expend more fields. Please explain me step by step to add more input field asap in detail. And how to change the button name of “send message”as well.

Thank you.

Hi,

I have checked the contact page on my test server and for me works. You can send the full html template that was changed by you and I will debug to find the issue.

Best regards,
Weblionmedia

So where I can send full files?

Use the contact form in this Profile page on TF and send details about this comment and I will reply and you will have my email address:

http://themeforest.net/user/WebLionMedia#from
by
by
by
by
by
by

Tell us what you think!

We'd like to ask you a few questions to help improve ThemeForest.

Sure, take me to the survey