hoe u verloopranden maakt in Elementor (gradient borders) - DeLaatbusiness

hoe u verloopranden maakt in Elementor (gradient borders)

2 min


114
Dummy image 6 gratis internet marketing ebooks, klik hier voor download

In deze tutorial laat ik zien hoe je een verlooprand maakt (vandaar de titel van deze tutorialpost) met behulp van de Custom CSS-widget van Elementor. Je zou zoiets als daarna moeten kunnen doen:

Hoe u verloopranden maakt in Elementor5

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 zal ik een structuur met twee kolommen kiezen.

Overlap_Images_in_Elementor4

Stap 3: Laten we een widget aan de kolom toevoegen. In dit geval zal ik een spacer-widget gebruiken.

Hoe u verloopranden maakt in Elementor6

Stap 4: Stel de hoogte van de spacer in op de maximale limiet.

Verloopranden maken in Elementor 1

Stap 5: Ga nu verder naar het aangepaste CSS-gedeelte van de eigenschap van de Spacer.

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

selector {
   border-left: 1px solid # a70ccc;
   border-right: 1px solid # ff1685;
   box-sizing: border-box;
   achtergrondpositie: 0 0, 0100%;
   achtergrondherhaling: geen herhaling;
   achtergrondgrootte: 100% 1px;
   achtergrondafbeelding: lineair verloop (naar rechts, # a70ccc 0%, # ff1685 100%), lineair verloop (naar rechts, # a70ccc 0%, # ff1685 100%);
}

Opmerking: Voel je vrij om het bovenstaande fragment aan te passen, zoals het veranderen van kleuren en dergelijke.

Nu zijn we klaar!

Hoe u verloopranden maakt in Elementor5

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