• 

  rj

  Participant

  October 11, 2020 at 04:18

  Hi

  1. I have created my website footer in static block. I want to set 4 columns in the ratio 30%-20%-20%-30% but WPBakery is not having this option by default. I have read on internet that it can be achieved by applying custom CSS.

  2. Also I want to set responsiveness of these columns as below:

  Desktop:
  column 1, 2, 3 and 4 – side by side same level

  Tablet :
  column 1 – level 1
  column 2 and 3 – side by side level 2
  column 4 – level 3

  Mobile:
  column 1 – level 1
  column 2- level 2
  column 3 – level 3
  column 4 – level 4

  Can you please help me on this.

  Please, contact administrator
  for this information.

  #254689 Copied Theme version: 7.0.2

  1 Answer

  

  Rose Tyler

  Support staff

  October 11, 2020 at 07:22

  Hello,

  1) Add custom classes like – https://prnt.sc/ux07an
  , then add the next code in Custom CSS for desktop area (Theme Options):

  .footer-column-1, footer-column-4 {
      width: 30% !important;
  }
  .footer-column-2, footer-column-3 {
      width: 20%;
  }

  2) The width on different devices, you can change via Responsive options – https://prnt.sc/ux07vt

  Regards

  #254698 Copied