Hoe u perfecte afbeeldingsrasters maakt in Elementor - DeLaatbusiness
62799703 - tokyo, japan - june 5, 2016: apple iphone 6s with airbnb website on the screen.airbnb is a website for people to list, find,and rent lodging.airbnb an online platform for accommodation

Hoe u perfecte afbeeldingsrasters maakt in Elementor

2 min


109
6 gratis internet marketing ebooks, klik hier voor download

In deze tutorial laat ik zien hoe je perfect uitgelijnde ongelijke rasters kunt maken (vandaar de titel van deze tutorialpost) zonder code, met alleen de widgets van Elementor. Je zou zoiets als daarna moeten kunnen doen:

Hoe u perfecte afbeeldingsrasters maakt in Elementor3

Laten we nu beginnen!

Stap 1: Maak eerst een sectie.

Knoppen met alleen pictogrammen maken 5

Stap 2: Voeg vervolgens de gewenste kolom toe . Omwille van deze tutorial kies ik voor een structuur met vier kolommen .

Hoe u perfecte afbeeldingsrasters maakt in Elementor4

Stap 3: Plaats vervolgens in elke kolom een ​​binnenste gedeelte, dupliceer gewoon het binnenste gedeelte van de derde kolom .

Hoe u perfecte afbeeldingsrasters maakt in Elementor5

Stap 4: Sleep een teksteditorwidget naar elke binnenste sectiekolom .

Hoe u perfecte afbeeldingsrasters maakt in Elementor9

Stap 5: Laten we vervolgens een achtergrondafbeelding toevoegen aan elk binnenste gedeelte .

Hoe u perfecte afbeeldingsrasters maakt in Elementor 1

Stap 6: Laten we nu de breedte van elke kolom aanpassen op basis van de onderstaande afbeelding :

Hoe u perfecte afbeeldingsrasters maakt in Elementor8

Stap 6: Om de breedte van elke kolom in te stellen, klikt u op de kolom vóór het binnenste gedeelte. Houd er rekening mee dat het aan jou is welke lay-out je voor elke kolom wilt hebben :

Hoe u perfecte afbeeldingsrasters maakt in Elementor7

Stap 6: Nu gaan we de hoogte van elke kolom instellen Ga naar het element waar je de achtergrondafbeelding hebt ingevoegd, de binnenste sectie-widget en pas de opvulling van de sectie aan totdat alle kolommen even hoog zijn :

Stap 6: Kopieer en plak het onderstaande CSS-fragment:

Nu zijn we klaar!

Hoe u perfecte afbeeldingsrasters maakt in Elementor3

Bedankt dat je zo ver bent gekomen! 🙂


What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win
Erwin@delaatbusiness.com
Dag, Hulp nodig met internet marketing of websites maken? neem dan contact op

0 Comments

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Choose A Format
Personality quiz
Series of questions that intends to reveal something about the personality
Trivia quiz
Series of questions with right and wrong answers that intends to check knowledge
Poll
Voting to make decisions or determine opinions
Story
Formatted Text with Embeds and Visuals
List
The Classic Internet Listicles
Countdown
The Classic Internet Countdowns
Open List
Submit your own item and vote up for the best submission
Ranked List
Upvote or downvote to decide the best list item
Meme
Upload your own images to make custom memes
Video
Youtube, Vimeo or Vine Embeds
Audio
Soundcloud or Mixcloud Embeds
Image
Photo or GIF
Gif
GIF format