Theme Business-Casual

42a
Jr. Bludit
Posts: 6
Joined: Mon Aug 14, 2017 4:36 pm

Tue Aug 15, 2017 2:07 pm

Edi wrote:
Tue Aug 15, 2017 1:00 am
The CSS of the theme breaks the form.

This is also the case when showing the success message. It works, but cannot be seen (you can see it with the developer tools of your browser).

Instead of <div class="col-lg-12 text-center"> I recommend to use your own CSS.
I think I found the problem - could be JQuery.
At the end of the index.php (bl-themes/Business-Casual/) there was something wrong:

Code: Select all

 <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.js"></script>
	
	    <!-- Bootstrap Core JavaScript -->
    <?php Theme::javascript('bootstrap.min.js') ?>
I changed it to <?php Theme::javascript(') ?> so now it looks like :

Code: Select all

   <!-- jQuery -->
    <!-- script src="js/jquery.js"></script -->
    
    <?php Theme::javascript('jquery.js') ?>
    
    <!-- Bootstrap Core JavaScript -->
        <!-- script src="js/bootstrap.js"></script -->
	
	<?php Theme::javascript('bootstrap.js') ?>
	
	    <!-- Bootstrap Core JavaScript -->
    <?php Theme::javascript('bootstrap.min.js') ?>
But it don't work - I get now only 2 (before 6) errors:

Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.js:8 in this file →if (typeof jQuery === 'undefined') {
throw new Error('Bootstrap\'s JavaScript requires jQuery')}

bootstrap.min.js:6 Uncaught Error: Bootstrap's JavaScript requires jQuery
at bootstrap.min.js:6 the same

In the head.php looks like it is OK:

Code: Select all

// Javascript from theme/js/
	Theme::javascript(array(
	'rainbow.min.js',
	'bootstrap.js',
	'bootstrap.min.js',
	'jquery.js',
	));
jquery.js is version 1.11
Any ideas :?:
42a
Jr. Bludit
Posts: 6
Joined: Mon Aug 14, 2017 4:36 pm

Tue Aug 15, 2017 2:39 pm

:D now I found it:

in both files* I changed the fade: 0 to 0.7 - don't know why it was @zero.

*)
/bl-themes/Business-Casual/cssbootstrap.min.css
/bl-themes/Business-Casual/cssbootstrap.css
User avatar
Edi
Site Admin
Posts: 1232
Joined: Sun Aug 09, 2015 5:01 pm
Location: Zurich
Contact:

Tue Aug 15, 2017 8:37 pm

Great! This will also help other users with the same issue.
Planet Bludit, Tipps, Snippets und nützliche Links. - Newsletter, Informationen zu Bludit (auf Deutsch).
42a
Jr. Bludit
Posts: 6
Joined: Mon Aug 14, 2017 4:36 pm

Tue Aug 15, 2017 10:22 pm

:) That's the reason I use Open Source software - everyone can help a bit for the community.

btw I have to use <div class="col-lg-12 text-left"> or <div class="col-lg-12 text-center"> in contact.php or the form is not on the page.

cheers
Post Reply