Call Us! Button

Request an Appointment Button

How to simulate a 12 column grid in page (WordPress page builders friendly)
December 27, 2019
12 columns in elementor

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 Nelito.

  • All
  • Uncategorized

Esse post foi escrito pelo ChatGPT. Descubra como ele funciona!

O ChatGPT é uma ferramenta de conversação desenvolvida pela OpenAI que permite aos usuários conversar…
Read More

How to use navigator.sendBeacon with PHP 7

Recently I needed to send a request on the unload of a page (save where…
Read More

How to add hover to images in Duda.co

Duda does not provide a widget to do this natively, but it can be achieved…
Read More

How to host email on Duda.co

Duda does not provide email hosting services, so you can’t host email on Duda directly.…
Read More

Our Lazy Feline Friends

Fluffy’s favorite holiday is just around the corner: National Lazy Day is August 10th! Granted,…
Read More

Keeping Kitty Hydrated

Summer is in full swing now. Staying hydrated is extremely important at this time of…
Read More

Keeping Fluffy Fit

Cats are very active when they are young. It’s always adorable seeing a frisky kitten…
Read More

Pool Safety for Dogs

Does your dog like swimming? Our canine companions are rather divided on this topic. Just…
Read More

Reasons to Hug Your Cat

Is your feline pal a cuddlebug? If so, you may want to make a note…
Read More
1 2 3 4