!Call Now! Button Tablet

!Call Now! Button Desktop

Hablamos Español

!Call Now! Icon

How to simulate a 12 column grid in page (WordPress page builders friendly)

December 27, 2019

Recently while developing a website in WordPress using Elementor, I needed to replicate the 12 columns the designer used in Adobe XD to create the layout, so to ease development I created an overlay with 12 columns to help me check the alignment and positioning of the items, check it out!

The above code creates a 12 column table, overlays it on the page, sets it’s max-width to a container, and the best trick, sets pointer-events to none, so the table won’t capture the clicks and you can still use the website or develop with your favorite page builder with no issues.

Feel free to play with the code above and ask any questions!

The post How to simulate a 12 column grid in page (WordPress page builders friendly) appeared first on nltw.

  • All
  • Cat Care
  • Dog Care
  • General Care
  • Uncategorized

National Cat Lovers Month

If you’re a cat lover, this is the month for you! From December 1st to…
Read More

Feline Hyperesthesia Syndrome

Feline hyperesthesia syndrome—which is also called rolling skin syndrome and twitchy cat disease—is a rather…
Read More

National Pet Cancer Awareness Month

November is National Pet Cancer Awareness Month, and you guessed it -just like humans, pets…
Read More
1 2 3 33