Trenger å finne ut hvordan du legger til et bilde i teksten Elementor ?
Elementor gjort det mulig for alle å bli webdesigner uten å måtte ha avanserte CSS-ferdigheter. Den visuelle redigereren lar deg lage en vakker webside uten å skrive en eneste linje med CSS-kode. Du kan bare legge til hvilke designelementer (widgets) du vil og tilpasse dem i innstillingspanelet.
Likevel vil det å ha noen CSS-ferdigheter være en stor bonus ved brukElementor. Du vil kunne bruke unike stiler på nettsiden din ved å bruke funksjonen Tilpasset CSS d 'Elementor. I denne artikkelen vil vi vise deg hvordan du legger til et bilde til tekst i Elementor ved å bruke Elementors egendefinerte CSS-funksjon.
I noen outils design som GIMP og Photoshop, må du vanligvis legge til en lagmarkør for å legge til et bilde i tekst. I Elementor kan du oppnå det samme ved å legge til CSS-kode som Elementor Tittel-widget og Text-widget ikke har noen innstillingsmulighet for å legge til bilde som bakgrunn.
Legg til et bilde i en Elementor-tekst
Før du begynner, må du sørge for at du har oppgradert versjonen av Elementor til pro-versjonen hvis du ikke har gjort det siden tilpasset CSS-funksjonalitet bare er tilgjengelig på Elementor Pro. Når du er klar, kan du opprette en ny side eller mal og redigere den med Elementor. Selvfølgelig kan du også redigere en eksisterende side eller mal.
Se også: Elementor: Slik legger du til en innholdsfortegnelse
Legg til tittel-widgeten i redigeringsboksen.
Gå til innstillingspanelet for å erstatte standardteksten under fanen Innhold.
Les også vår guide om: Elementor: Slik bruker du fargevelgeren
Gå til fanen Stil for å tilpasse teksten. Du kan angi tekststørrelse, skriftstil osv. Ved å klikke på blyantikonet i Typografi alternativ under blokken Tittel. Siden du vil bruke et bilde som bakgrunn for teksten, trenger du ikke å sette tekstfargen.
Gå deretter til fanen avansert og åpne blokken Custom CSS og lim inn følgende CSS-kode. Erstatt bildens URL med din egen image URL.
selector .elementor-heading-title
{
background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70% ;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}Her er eksemplet.
Få Elementor Pro nå!
konklusjonen
Her er ! Det er det for denne artikkelen som viser deg hvordan du legger til bilde i tekst i Elementor. Hvis du er bekymret for hvordan du kommer dit fgi oss beskjed i commentaires.
Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Men i mellomtiden, del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
