Een aangepast lint (ribbon) maken in Elementor - DeLaatbusiness

Een aangepast lint (ribbon) maken in Elementor

1 min


103

Stap 1:  Voeg een sectie toe, we zullen onze widgets plaatsen.

Stap 2: Voeg kolom toe aan de sectie, in deze tutorial gebruik ik een structuur met één kolom.

Stap 3: Nu gaan we onze aangepaste prijstabel met lint maken. Voeg in de kolom een ​​koptekstwidget toe die zal dienen als de titel van de lint-tag.

Stap 4: Ga naar het geavanceerde tabblad en een dd css-klasse naar de koptag.

Stap 5: Voeg hieronder de volgende aangepaste css toe 

.gc-lint-stijl {
tekstschaduw: 0em 0em 0.3em rgba (0,0,0,0.2);
achtergrond: # 61CE70;
kleur: #ffffff;
lettergrootte: 17px;
display: blok;
breedte: calc (100% + 20px);
hoogte: 50px;
regelhoogte: 50px;
text-align: center;
marge-links: -10px;
margin-right: -10px;
positie: relatief;
top: 0px;
Z-index: 10;
}

.gc-ribbon-style: voor {
border-top: 10px solid # 63a06c;
inhoud: "";
positie: absoluut;
hoogte: 0;
breedte: 0;
onderkant: -10px;
links: 0;
border-left: 10px solid transparant;
}

.gc-ribbon-style: after {
border-top: 10px solid # 63a06c;
inhoud: "";
positie: absoluut;
hoogte: 0;
breedte: 0;
rechts: 0;
onderkant: -10px;
border-right: 10px solid transparant;
}

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