Hover and Shadows Effects doesn't Works

Michael Schulz pro premium commented 4 years ago

Hello Grzegorz,

I copied the file mdb.min.css into my theme folder, as well as the SCSS folder. That shouldn't be a problem, should it? How can I correctly integrate the individually required SCSS files such as _variables.scss, _images.scss, and _shadows.scss? Thanks in advance for the reply.

Michael Schulz pro premium commented 4 years ago

Hello Grzegorz,

I was not aware that this example is not compatible with the MDB-Free_4.19.2. How do I know on your side which example codes work with MDB-Free_4.19.2? I followed the instructions https://mdbootstrap.com/education/wordpress/theme-3/ and tried to create a new theme because I couldn't integrate the code into an existing theme. Do I have to replace all files with the files from MDB-Free_4.19.2 for an existing theme? And also insert the code from your side in the function.php? If I understand correctly, I can use either CSS content or SCSS content. How do I know which components or examples use CSS or SCSS? And how do I integrate the SCSS accordingly?

How can I actually include a screen shot in the comment?

Grzegorz Bujański staff commented 4 years ago

On the right side you have a toggler to switch between technologies (MDB versions): MDB5, MDB jQ, MDB Angular, MDB React and MDB Vue. If you want to use jQ MDB, you have to select jQ MDB with this toggler.

You don't need to modify the existing theme. You can create a new one. If you are a WP beginner I recommend starting with css. To use scss you need bundler to compile it to css. Unfortunately we do not have a tutorial/instruction to explain how to do this.

Grzegorz Bujański staff commented 4 years ago

It's hard to say anything without access to the application code. It seems that such a file simply does not exist.

Michael Schulz pro premium commented 4 years ago

The file is available, it is stored in the CSS folder. Only it is not found. I put the files in the Function.php folder, as described in your tutorial. I work with a WP theme from Wordpress and have made the link in function.php there. What surprised me a little is the abbreviation ver = 5.6 after the error message. The code in my function.php is: wp_enqueue_style( 'Bootstrap_css', get_template_directory_uri() . '/inc/assets/css/bootstrap.min.css', array()); . Im using a Child-Theme, but when I copy your code: function theme_enqueue_scripts().... in this function.php it dosen't work. Can I attach a screen shot so that you can see where the problem is or what do you need to be able to help me further?

Krzysztof Wilk staff commented 4 years ago

Hi!

If you are doing everything like it is shown in this tutorial https://mdbootstrap.com/education/wordpress/theme-3/ your import should look like this:wp_enqueue_style( 'Bootstrap_css', get_template_directory_uri() . '/css/bootstrap.min.css' );.

As Grzegorz said above - it is hard to manage this problem without access to the application code and the problem is with a path to this file. You can check in the tutorial I mentioned above. Dawid got a similar error when he tried to import a file that doesn't exist

If you checked your path and you are 100% sure that it is correct - maybe get_directory_uri provides you somewhere else? There is no such function as console.log() in the PHP, but I think you can try to use var_dump to check where it provides you :)

And yes - I think screenshots will be very helpful to help, so feel free to attach them below :)

Best regards

Michael Schulz pro premium commented 4 years ago

Hi Krzysztof, I found the problem. It was due to the missing entry get_template_directory_uri (). with the existing theme that I changed. Another note, under the link https://mdbootstrap.com/education/wordpress/theme-3/ I find the following code: '/js/jquery-3.3.1.min.js', array (),' 3.3. 1 ', true); In the files that I downloaded there is only the jquery.min.js file. When I open it, it is version 3.5.1. Are you sure that the code still matches the files? Thank you very much.

Grzegorz Bujański staff commented 4 years ago

The tutorial was created when we used jQuery 3.3.1. The latest versions of MDB use jQuery 3.5.1. It should be enough to change the code to: /js/jquery.min.js', array (),' 3.5. 1 ', true);