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

How to resize Divi Specialty Section?

Discussion in 'Free Divi Community Forum' started by kotkota, Aug 4, 2020.

  1. kotkota

    kotkota Member

    Hi. It is possible to resize Specialty Section like on screenshot in proportion fro example 66% to 33%...
    By defauld it devides 50%/50% and orange part always smaller than green columns.

    I've try to make it by CSS for each columns with this code:
    Code:
    Log In or Sign Up to view this code.
    But there is no way to control it for mobile and tablets.
    How to resolve it?
     

    Attached Files:

    #1 kotkota, Aug 4, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  2. Problemizer.com

    Problemizer.com Divi Expert

    With this code, you will get the desired effect on the laptop screens and for mobile and tablet it will behave as always.
    @media (min-width: 981px) {
    .et_section_specialty .et_pb_row .et_pb_column_0 {
    width: 60%
    }
    .et_section_specialty .et_pb_row .et_pb_column_1 {
    width: 33%;
    }
    }

    NOTE: If you are using more than one specialty section then add a custom class or ID and replace this "et_section_specialty" with it.

    Hope this helps.
     
    #2 Problemizer.com, Aug 4, 2020
    kotkota likes this.
(You must log in or sign up to post here.)