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

Solved Image cropping in Blog

Discussion in 'Free Divi Community Forum' started by baidary, Jul 31, 2019.

  1. baidary

    baidary New Member

    Good day! Help me please!
    How can I set image cropping by height in the Blog module?
    If put this code in your custom css it does not work

    height:149px;
    object-fit:Scale-Down;
    object-position:center;

    I will be grateful for the help!
     
    #1 baidary, Jul 31, 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
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    What about: object-fit:cover;
     
    #2 Divi.Help, Jul 31, 2019
  3. baidary

    baidary New Member

    there is no such function in the Blog module
     
    #3 baidary, Jul 31, 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
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    I'm referring to the custom CSS. You can try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help, Aug 1, 2019
    baidary likes this.
  5. baidary

    baidary New Member

    TNX! So if it's Fullwidth Blog?
    Sorry to ask, but I'm very poor at coding...
     
    #5 baidary, Aug 1, 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

    #6 Divi.Help, Aug 1, 2019
    baidary likes this.
  7. baidary

    baidary New Member

    Nicely! But this changes all the images on the site, and I only need in one place ...
    Thanks You!
     
    #7 baidary, Aug 1, 2019
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Then you will need to add CSS Class to your Blog module settings > Advanced > CSS Class: your-css-class

    Then your custom CSS would be something like this:
    Code:
    Log In or Sign Up to view this code.
     
    #8 Divi.Help, Aug 1, 2019
    baidary likes this.
  9. baidary

    baidary New Member

    [​IMG]
    [​IMG]

    Sorry, but in that case it doesn't work ...
    Thank you for your help.
     
    #9 baidary, Aug 1, 2019
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  10. Divi.Help

    Divi.Help Administrator
    Staff Member

    My bad. The first screenshot CSS should be like this:
    Code:
    Log In or Sign Up to view this code.
    As for the second screenshot, remove the dot. Just put blog_image_resize
     
    #10 Divi.Help, Aug 2, 2019
    baidary likes this.
  11. baidary

    baidary New Member

    Incredible! It works ...! Thankfully boundless!!!
     
    #11 baidary, Aug 2, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade slide in bar design for your Divi site without using any plugins:View Demo
(You must log in or sign up to post here.)