Topic: What do I need in Order to use the Funktion Images with overlays

Michael Schulz premium asked 3 years ago


I would like to use the "Images with overlays" function on a website where I use Bootstrap 4.5.3. Can I use the free version or do I need the pro version? I've tried installing the free version, but I'm not sure how to do it exactly. I don't quite understand what to do here: Step 1: Create new folder for your project and install MDB Free: mkdir myapp cd myapp npm i mdbootstrap Do you maybe have a more detailed explanation. I am not a web programmer but only a bloody user with html knowledge. Are there otherwise simple themes to buy from you with the function described above? Many thanks


Marcin Luczak staff commented 3 years ago

Hello @Michael Schulz,

Thank you for your interest in our products. If I understood correctly what you mean by "Images with overlays" you can achieve that functionality with our Images with the masks: https://mdbootstrap.com/docs/standard/content-styles/images/#section-masks which you can find inside our MDB-UI-KIT-FREE.

On this page: https://mdbootstrap.com/docs/standard/getting-started/installation/you can find our installation options for this product. The fastest way to install it is to download our package from the first option directly and unpack it into your project directory.

And if you need to integrate our UI-KIT with the project you already have, the best option is to add MDB via CDN: https://mdbootstrap.com/docs/standard/getting-started/installation/#section-cdn

If you have any other questions, please feel free to ask. Regards, Marcin


Michael Schulz premium commented 3 years ago

Hello Marcin,

I downloaded version MDB_4.19 (MDBootstrap jQuery) because I thought that I would find the hover function there. Is this also free? What are the advantages of the Pro version? Now I'm a little confused about your suggestion to use MDB-UI-KIT-Free-2.2.1. Where's the difference? Sorry, I'm not a professional in this field and I'm studying. Thanks in advance. Michael


Marcin Luczak staff commented 3 years ago

For version MDB_4.19 you can find hover-effects here https://mdbootstrap.com/docs/jquery/css/hover-effects/and for the Standard version (MDB-UI-KIT-Free-2.2.1) here https://mdbootstrap.com/docs/standard/content-styles/hover-effects/. For both versions hover-effects are free. The main difference between the Standard and jQuery version is that Standard doesn't use jQuery by default and uses Bootstrap 5. jQuery package uses the previous version of Bootstrap. Both Standard and jQuery versions have Pro packages which introduce more components, plugins, and premium support.

Regards, Marcin


Michael Schulz premium commented 3 years ago

Hello Marcin, thanks for you answer. In order to install the file accordingly, I have one more question. I use Wordpress and have installed a simple Bootstarp theme. But there is only one index.php file, no index.html. In addition, various other php files, e.g. header, footer, single page etc. How can I integrate your MDB_4.19 there? The installation instructions that you have did not work properly in my case. I would like your product based on Wordpress, but I have difficulties integrating it into a simple Bootstarp theme that I use under Wordpress. Do you have a solution for me? Cheers Michael


Marcin Luczak staff commented 3 years ago

Hello, you can check the Integrating WordPress with MDB part of our WordPress tutorial: https://mdbootstrap.com/education/wordpress/theme-3/

Regards, Marcin


Michael Schulz premium commented 3 years ago

Hello Marcin, that Looks better. Thanks a Lot. Thank you, it looks better. Now I'm getting closer to the matter. What I noticed is that in the html code on the page you last recommended there is a link that leads to emptiness. wp_enqueue_style ('Style', get_template_directory_uri (). 'https://mdbcdn.b-cdn.net/style.css'); This line of code should be inserted into the function.php. But when I try to access the link, the browser does not find this page.


Marcin Luczak staff commented 3 years ago

Hello Michael,

Thank you for pointing this problem, as this link shouldn't be there. 'Style' should be taken from the local directories, just as other styles: wp_enqueue_style( 'Style', get_template_directory_uri() . '/css/style.css' );

I hope this will solve your problem. Regards, Marcin



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Opened

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: Mac
  • Browser: Safari
  • OS: OSX Catalina
  • Provided sample code: No
  • Provided link: No