1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Caption in Gallery Module

Discussion in 'Free Divi Community Forum' started by afoysal, Apr 27, 2019.

  1. afoysal

    afoysal New Member

    I have gallery module in Divi like below. I would like to place text on the images. How can I do that ?


    [​IMG]
     

    Attached Files:

    #1 afoysal, Apr 27, 2019
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    #2 Divi.Help, Apr 27, 2019
    afoysal likes this.
  3. afoysal

    afoysal New Member

    Thanks @Divi.Help . Could you please say Where can I find the HTML of the Gallery Module Which I used ?
     
    #3 afoysal, Apr 27, 2019
    1. PRO MEMBER PERKS Divi.Help Layout AI Generator - Try the power of AI to generate a custom Divi layout for you:Try Now
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    #4 Divi.Help, Apr 27, 2019
    afoysal likes this.
  5. afoysal

    afoysal New Member

    Thanks @Divi.Help. But I don't want to show title and caption on hover. I would like to place text permanently on image that's why I would like to edit HTML. I need the location of the HTML. Please see the attachment. Thanks.
     

    Attached Files:

    #5 afoysal, Apr 28, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add custom vertical navigation for your Divi site. Turns into slide in menu on mobile:Learn More
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    You can't just edit the HTML for Divi modules. You just need to follow the tutorial in the previous posted URL & add some custom CSS in Divi > Theme Options > Custom CSS to make it permanently appear on images.
    Code:
    Log In or Sign Up to view this code.
    Then if you just want to show the title only & hide the caption, then additionally add the custom CSS below:
    Code:
    Log In or Sign Up to view this code.
    After adding those custom CSS for the tutorial, it will become like the below:
    upload_2019-4-29_0-32-27.png
     
    #6 Divi.Help, Apr 28, 2019
    afoysal likes this.
  7. afoysal

    afoysal New Member

    Thanks @Divi.Help for your reply. If I enable `Show Title and Caption` I am getting File Name as Title. Why is it happening ? Please see the attachment.
     

    Attached Files:

    #7 afoysal, Apr 28, 2019
    1. PRO MEMBER PERKS Divi Powerful Child Theme - Power up your Divi sites with tons of new functionalities & premade elements:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Refer to the screenshot below on how to change the title (taken from the previous URL):

    [​IMG]
     
    #8 Divi.Help, Apr 29, 2019
    afoysal likes this.
  9. afoysal

    afoysal New Member

    Thanks @Divi.Help for your reply.

    I set CSS like below

    [​IMG]

    [​IMG]
    I set Caption and Title like below

    [​IMG]
    [​IMG]

    But I can't see Caption.

    [​IMG]
    [​IMG]

    Where is the issue ?
     

    Attached Files:

    #9 afoysal, Apr 30, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    #10 Divi.Help, Apr 30, 2019
    afoysal likes this.
  11. afoysal

    afoysal New Member

    Thanks @Divi.Help for your reply. I solved the issue.

    Could you please say how can I disable click event on Image ?


    Thanks
     
    #11 afoysal, Apr 30, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gallery carousel design for your Divi site without using any plugins:View Demo
  12. Divi.Help

    Divi.Help Administrator
    Staff Member

    Add this CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #12 Divi.Help, May 1, 2019
    afoysal likes this.
  13. afoysal

    afoysal New Member

    Thanks for your reply. But it is not working. Please see the attachment.
     

    Attached Files:

    #13 afoysal, May 1, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade rolling text design for your Divi site without using any plugins:View Demo
  14. Divi.Help

    Divi.Help Administrator
    Staff Member

    #14 Divi.Help, May 1, 2019
    afoysal likes this.
  15. afoysal

    afoysal New Member

    Thanks @Divi.Help , your this solution is working. But if I click on image I am getting a brown layer over image. Please see the attachment. Thanks.
     

    Attached Files:

    #15 afoysal, May 1, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade promo bar / notification bar with close button for your Divi site without using any plugins:View Demo
  16. Divi.Help

    Divi.Help Administrator
    Staff Member

    Will need your URL to check further.
     
    #16 Divi.Help, May 1, 2019
    afoysal likes this.
(You must log in or sign up to post here.)