1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Divi Blog Module: vertical align, custom button and increase featured image. How?

Discussion in 'Free Divi Community Forum' started by kotkota, Dec 9, 2019.

  1. kotkota

    kotkota Member

    Hello. Maybe somebody can help with this:

    1. Make button bottom centered on the same level
    2. Increase height of featured images on the same level
     

    Attached Files:

    • 2.png
      2.png
      File size:
      512.1 KB
    #1 kotkota, Dec 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  2. kotkota

    kotkota Member

    I have made a some part myself

    How to align buttons bottom and increase images height?

    Read More button code
    Code:
    Log In or Sign Up to view this code.
     

    Attached Files:

    • 3.png
      3.png
      File size:
      488.1 KB
    #2 kotkota, Dec 9, 2019
  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    First, for your Read More button code, additionally add this:
    Code:
    Log In or Sign Up to view this code.
    Next, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    **Change the padding bottom to suit your need.
     
    #3 Divi.Help, Dec 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  4. kotkota

    kotkota Member

    iIt is aigng bottom now, but float to the left....
    It is possible to make centered and fix image height (make in one level)
    Code
    Code:
    Log In or Sign Up to view this code.
     
    #4 kotkota, Dec 10, 2019
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try this:
    Code:
    Log In or Sign Up to view this code.
    For the featured images, don't they have the same size? If not, kindly share your URL.
     
    #5 Divi.Help, Dec 10, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  6. kotkota

    kotkota Member

    No they haven't.

    This part is working
    Code:
    Log In or Sign Up to view this code.
    But on mobile this module looks bad...
     
    #6 kotkota, Dec 10, 2019
  7. Divi.Help

    Divi.Help Administrator
    Staff Member

    For that case, you can wrap our CSS with media query, so that it affect desktop only:
    Code:
    Log In or Sign Up to view this code.
    As for the Read More CSS, you can go to the tablet tab & remove our CSS. See screenshot below:

    upload_2019-12-10_17-25-13.png
     
    #7 Divi.Help, Dec 10, 2019
    kotkota likes this.
    1. PRO MEMBER PERKS Divi Block Pro - Premade testimonial carousel design for your Divi site without using any plugins:View Demo
  8. kotkota

    kotkota Member

    Can't understand what correct css code for mobile and tablet with button?
     
    #8 kotkota, Dec 10, 2019
  9. Divi.Help

    Divi.Help Administrator
    Staff Member

    Your original CSS, which is the below:
    Code:
    Log In or Sign Up to view this code.
     
    #9 Divi.Help, Dec 10, 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
(You must log in or sign up to post here.)