Vil du finne widgetvelgerne Elementor ?
En av funksjonene tilgjengelig på Elementor Pro er muligheten til å legge til tilpasset CSS. Denne funksjonen lar deg gå utover siden du kan bruke hvilken som helst stil når stilen du ønsker ikke er tilgjengelig i listen over innstillingsalternativer.
For å legge til tilpasset stil via tilpasset CSS til en bestemt widget Elementor , må du kjenne velgeren til den tilknyttede widgeten. Vi har samlet listen over widgetvelgere Elementor for å gjøre arbeidet ditt enklere.
Hver Elementor-widget – og dens elementer – har en CSS-velger som du kan bruke til å målrette mot den tilknyttede widgeten når du vil legge til tilpasset CSS for å oppnå en bestemt stil. Du kan finne velgeren ved å inspisere widgeten du vil legge til den tilpassede CSS-en til.
Siden inspeksjon av en widget bare kan gjøres på en aktiv side, vil det ta lang tid å inspisere hver enkelt. Det var det som førte til at vi laget denne listen.
Hvordan bruke en velger
Anta at du vil bruke en annen størrelse mellom ikon og tekst på en knapp. Siden standardinnstillingsalternativet ikke tillater deg å angi en annen størrelse mellom knappeikonet og teksten, kan du oppnå dette gjennom den tilpassede CSS. Du kan målrette ikon eller tekst for å bruke tilpasset CSS.
Velg først velgeren for elementet du vil målrette mot (for eksempel knappikonet). Gå til fanen i elementinnstillingspanelet avansert og åpne blokken Tilpasset CSS .
Tast inn selector [selector name] {}
i det tilpassede CSS-feltet.
Her er eksemplet.
Legg deretter til din innhold CSS (erklæring) innenfor krøllete parenteser.
Her er eksemplet.
Merk: Hver Elementor-widget har et overordnet element ( wrapper ). Tast inn selector {}
(uten velgernavnet) betyr å målrette innpakningen.
Elementor-widgetvelgerliste
Trekkspill
Widgeten .elementor-trekkspill Accordion Tittel .elementor-trekkspill-tittel Trekkspill Beskrivelse .elementor-tab-innhold Trekkspillikon åpen .elementor-trekkspill-ikon Trekkspillikon lukket .elementor-trekkspill-ikon-lukket
Varsle
Widgeten .elementor-alert Varseltittel .elementor-alert-title Varselbeskrivelse .elementor-alert-description Avvis ikon .elementor-alert-dismiss
Animert overskrift
Widgeten .elementor-headline Statisk tekst .elementor-headline-plain-text Dynamisk tekst .elementor-headline-dynamic-wrapper
Arkivbeskrivelse
Arkivtekst .elementor-heading-title
Arkiv innlegg
Widgeten .elementor-widget-container Post vare .elementor-grid-item Utvalgte Bilder .elementor-post__thumbnail Merke på Cards Skin .elementor-post__badge Avatar på Cards Skin img.avatar Tekstinnholdsområde .elementor-post__text innlegg Tittel .elementor-post__title post Utdrag .elementor-post__utdrag Les mer .elementor-post__les-mer Post Meta Area .elementor-post__meta-data Post dato .elementor-post-dato Postforfatter .elementor-post-forfatter Innleggstid .elementor-post-tid Legg inn kommentar .elementor-post-avatar Paginering .elementor-paginering Forrige etikett .sidetall.prev neste etikett .sidetall.neste Pagineringsnummer .sidetall Aktivt pagineringsnummer .sidetall.aktuell Last mer-knappen .elementor-button-link Last mer-knappikon .elementor-knapp-ikon
Forfatterboks
Widgeten .elementor-author-box Avatar .elementor-author-box__avatar Forfatter Navn .elementor-author-box__name Forfatter Bio .elementor-author-box__bio Arkiv-knapp .elementor-author-box__button
Grunnleggende galleri
Widgeten .elementor-image-gallery Gallerivare .galleri-element Bildetekst .wp-caption-text
blockquote
Widgeten .elementor-blockquote Blockquote-innhold .elementor-blockquote__content Blockquote forfatter .elementor-blockquote__author Tweet-ikon .elementor-blockquote__tweet-button Tweet-etikett .elementor-blockquote__tweet-label
Widgeten .elementor-knapp Button tekst .elementor-knapp-tekst Knappikon .elementor-knapp-ikon
Call to Action
Widgeten .elementor-cta Toppbilde .elementor-cta__bg Bånd .elementor-bånd Båndtekst .elementor-bånd-inner Innholdstittel .elementor-cta__title Innholdsbeskrivelse .elementor-cta__description Innholdsknapp .elementor-cta__button
Countdown
Widgeten .elementor-nedtelling-innpakning Dager .elementor-nedtellingsdager timer .elementor-nedtellingstimer minutter .elementor-nedtellingsminutter sekunder .elementor-nedtelling-sekunder Nedtellingsetikett .elementor-nedtellingsetikett
Motvirke
Widgeten .elementor-teller Nummerprefiks .element-teller-tall-prefiks Nr .elementor-counter-nummer Nummersuffiks .element-teller-tall-suffiks Tittel .elementor-counter-title
divider
Widgeten .elementor-deler separator .elementor-divider-separator Tekst/ikonelement .elementor-divider__element
Vend boksen
Widgeten .elementor-flip-box Frontbeholder .elementor-flip-box__front Bakbeholder .elementor-flip-box__back Innholdsbeholder .elementor-flip-box__layer__inner Innholdstittel .elementor-flip-box__layer__title Innholdsbeskrivelse .elementor-flip-box__layer__description Innholdsknapp .elementor-flip-box__button
Widgeten .elementor-form Trinnbeholder .e-form__indikatorer Antall trinn .e-form__indicators__indicator Feltetikett .elementor-field-label Felttekst .elementor-field-textual Tekstfeltetikett .elementor-felttype-tekst Tekstområdefeltetikett .elementor-field-type-textarea E-postfeltetikett .elementor-field-type-e-post URL-feltetikett .elementor-field-type-url Tel Felt Label .elementor-felttype-tlf Radio Field Label .elementor-field-type-radio Velg Feltetikett .elementor-field-type-select Avmerkingsboks Feltetikett .elementor-field-type-avmerkingsboks Aksept for feltetikett .elementor-field-type-acceptance Datofeltetikett .elementor-field-type-date Tidsfeltetikett .elementor-field-type-time Nummerfeltetikett .element-felttype-nummer Filopplastingsfeltetikett .elementor-field-type-upload Neste knapp e-form__knapper__wrapper__knapp-neste Forrige knapp .e-form__buttons__wrapper__button-previous Send Button .elementor-knapp
Galleri
Galleritittel (for flere gallerier) .elementor-galleri-tittel Gallerivare .elementor-galleri-element Beskrivelse (på overlegg) .elementor-gallery-item__description
Overskrift
Widgeten .elementor-heading-title
Ikon
Ikon Box
Widgeten .elementor-icon-box-wrapper Ikon .elementor-ikon Innholdsbeholder .elementor-icon-box-content Innholdstittel .elementor-icon-box-title Innholdsbeskrivelse .elementor-icon-box-description
Ikonliste
Listeikon .elementor-icon-list-icon Listetekst .elementor-icon-list-text
Bilde
Bilde img Bildetekst .wp-caption-text
Bildeboks
Bilde .elementor-image-box-img Tekstbeholder .elementor-image-box-content Innholdstittel .elementor-image-box-title Innholdsbeskrivelse elementor-image-box-description
Bilde karusell
ImageContainer .swiper-slide PictureItem .swiper-slide-image Pagineringsbeholder .swiper-paginering Punkter paginering .swiper-paginering-bullet Forrige ikon .elementor-swiper-button-prev neste .elementor-swiper-knapp-neste Bildetekst .elementor-image-carousel-caption
Medieelement .elementor-carousel-image Medieelementoverlegg .elementor-carousel-image-overlay Punkt paginering .swiper-paginering-brøk Forrige knapp .eicon-chevron-venstre Neste knapp .eicon-chevron-right Brøkpaginering .swiper-paginering-brøk Paginering av fremdriftslinje .swiper-pagetion-progressbar Pagineringsfyll for fremdriftslinje .swiper-pagination-progressbar-fill
Veksle av mobilmeny .elementor-menu-toggle Mobilmenyikon .eicon-menylinje Vanlig meny .elementor-nav-meny Dropdown .elementor-nav-meny–rullegardinmenyen Menyelement med undermeny .elementor-item.has-undermeny Undermenyelement .elementor-underelement
Widgeten .elementor-betalingsknapp PayPal-knappikon .elementor-knapp-ikon PayPal-knapptekst .elementor-knapp-tekst
portefølje
Portfolio Element .elementor-portfolio-item Porteføljeelement på overlegg .elementor-portfolio-item__overlay Overleggstittel .elementor-portfolio-item__title Porteføljefilter .elementor-portfolio__filter
Svartittel .comment-reply-title Hvordan danner området .comment-form Kommentarskjema .comment-form-comment Send Button .form-submit
Innlegginfo
Widgeten .elementor-post-info Avatar .elementor-avatar Ikonliste .elementor-icon-list-icon Ikontekst .elementor-icon-list-text
Postnavigering
Widgeten .elementor-post-navigation Forrige ikon .post-navigation__arrow-prev Forrige etikett .post-navigation__prev–label Forrige innlegg Tittel .post-navigation__prev–title Neste ikon .post-navigation__arrow-next neste etikett .post-navigation__next–label Neste innleggstittel .post-navigation__next–title
innlegg
Post vare .elementor-post Utvalgte Bilder .elementor-post__thumbnail Merke på Cards Skin .elementor-post__badge Avatar på Cards Skin img.avatar Tekstinnholdsområde .elementor-post__text innlegg Tittel .elementor-post__title post Utdrag .elementor-post__utdrag Les mer .elementor-post__les-mer Post Meta Area .elementor-post__meta-data Post dato .elementor-post-dato Postforfatter .elementor-post-forfatter Innleggstid .elementor-post-tid Legg inn kommentar .elementor-post-avatar Paginering .elementor-paginering Forrige etikett .sidetall.prev neste etikett .sidetall.neste Pagineringsnummer .sidetall Aktivt pagineringsnummer .sidetall.aktuell Last mer-knappen .elementor-button-link Last mer-knappikon .elementor-knapp-ikon
innlegg Tittel
Widgeten .elementor-heading-title
Prisliste
Widgeten .elementor-prisliste Listevare .elementor-prisliste-element Listeelementbilde .elementor-prisliste-bilde Listeelementtekst .elementor-prisliste-tekst Listeelementoverskrift .elementor-price-list-header Tittel på listeelement .elementor-price-list-title Listeelementseparator .elementor-prisliste-separator Listevarepris .elementor-prislistepris Listeelementbeskrivelse .elementor-prisliste-beskrivelse
Pris Table
Widgeten .elementor-pris-tabell Tabelloverskrift .elementor-price-table__header Tabelloverskriftstittel .elementor-price-table__heading Tabelloverskriftsbeskrivelse .elementor-pristabell__underoverskrift Pris .elementor-price-table__price valuta .elementor-price-table__valuta Antall Etter Pris .elementor-price-table__etter-pris Prisperiode .elementor-price-table__periode Funksjonslisteområde .element-price-table__features-list Funksjonslisteelement .elementor-price-table__feature-inner Table Footer .elementor-price-table__footer Bordbunntekstknapp .elementor-price-table__knapp Tabellbunntekst .elementor-price-table__additional_info Bånd .elementor-price-table__ribbon Indre bånd .elementor-price-table__ribbon-inner
Fremdriftslinjen
Fremdriftslinjen .elementor-progress-bar Fremdrift Bakgrunn .elementor-progress-wrapper Fremdriftstittel .elementor-title Fremgang indre tekst .elementor-progress-text Fremdriftsprosent .elementor-progress-prosent
Fremdriftssporing
Widgeten .elementor-scrolling-tracker Progress .current-progress-prosent
Anmeldelser
Widgeten .elementor-swiper Gjennomgå element .swiper-slide Anmeldelsesoverskrift .elementor-testimonial__header Bildeanmelder .elementor-testimonial__image Anmelderens navn .elementor-testimonial__name Anmeldertittel .elementor-testimonial__title Testimonial innhold .elementor-testimonial__content Testimonial tekst .elementor-testimonial__tekst Punkt paginering .swiper-paginering-bullet Brøkpaginering .swiper-paginering-brøk Brøkpaginering gjeldende .swiper-paginering-aktuell Brøk paginering Totalt .swiper-paginering-total Paginering av fremdriftslinje .swiper-pagetion-progressbar Pagineringsfyll for fremdriftslinje .swiper-pagination-progressbar-fill Forrige knapp .eicon-chevron-venstre Neste knapp .eicon-chevron-right
Knappelement .elementor-share-btn Knappikon .elementor-share-btn__icon Button tekst .elementor-share-btn__text
Lysbilder
Widgeten .elementor-slides-wrapper Innholdsområde .swiper-slide-innhold Innholdsoverskrift .elementor-slide-heading Innholdsbeskrivelse .elementor-slide-description Innholdsknapp .elementor-skyveknapp Punkt paginering .swiper-paginering-bullet Forrige knapp .eicon-chevron-venstre Neste knapp .eicon-chevron-right
sosiale Ikoner
Widgeten .elementor-sosiale-ikoner-innpakning Ikonelement .elementor-sosial-ikon
Stjerner
Widgeten .elementor-star-rating__wrapper Rating Tittel .elementor-star-rating__title Stjerneikonområde .elementor-stjernevurdering Fullfylt stjerneikon .elementor-stjerne-full Halvfylt stjerneikon .elementor-star-5 Tomt stjerneikon .elementor-stjerne-tom
Innholdsfortegnelse
Widgeten .elementor-widget-container ToC-overskrift .elementor-toc__header Innholdsfortegnelse overskriftstittel .elementor-toc__header-title Utvid-knapp .elementor-toc__toggle-button–expand Skjul knapp .elementor-toc__toggle-button–expand Innholdsfortegnelse Body .elementor-toc__body ToC listeelement .elementor-toc__list-item ToC Toppnivå .elementor-toc__list-item-text.elementor-toc__toppnivå
Tabs
Widgeten .elementor-tabs Fanen Tittel .elementor-tab-tittel Tab Content .elementor-tab-innhold
Testimonial
Widgeten .elementor-testimonial-wrapper Testimonial innhold .elementor-testimonial-content Testimonial Meta .elementor-testimonial-meta Avatar-anbefaling .elementor-testimonial-image Attestnavn og stillingstittel .elementor-testimonial-detaljer Navn på vitnesbyrd .elementor-testimonial-name Anbefaling stillingstittel .elementor-testimonial-jobb
Attestkarusell
Widgeten .elementor-widget-container Testimonial lysbildeelement .elementor-testimonial Testimonial innhold .elementor-testimonial__content Testimonial Meta .elementor-testimonial__bunntekst Avatar-anbefaling .elementor-testimonial__image Attestnavn og stillingstittel .elementor-testimonial__sitte Navn på vitnesbyrd .elementor-testimonial__name Anbefaling stillingstittel .elementor-testimonial__title Punkt paginering .swiper-paginering-bullet Brøkpaginering .swiper-paginering-brøk Brøkpaginering gjeldende .swiper-paginering-aktuell Brøk paginering Totalt .swiper-paginering-total Paginering av fremdriftslinje .swiper-pagetion-progressbar Pagineringsfyll for fremdriftslinje .swiper-pagination-progressbar-fill Forrige knapp .eicon-chevron-venstre Neste knapp .eicon-chevron-right
Text Editor
Widgeten .elementor-text-editor
Veksle
Widgeten .elementor-toggle Slå på element .elementor-toggle-item Slå på elementtittel .elementor-tab-tittel Slå på elementinnhold .elementor-tab-innhold Bytt ikon .elementor-toggle-ikon Slå ikonet lukket .elementor-toggle-icon-closed Veksle ikon Åpne .elementor-toggle-icon-opened
Selv om Elementor tilbyr mange stylingsalternativer for hver widget, kan du gå utover det med tilpasset CSS. For å bruke en egendefinert stil på en widget (eller dens elementer) via tilpasset CSS, må du kjenne den tilknyttede widgetens velger.
Andre Elementor-ressurser:
Du kan ganske enkelt inspisere en widget på en aktiv side for å finne velgeren. For å spare tid har vi laget Elementors liste over widgetvelgere slik at du ikke trenger å inspisere hver widget selv.
konklusjonen
Så! Vi har nettopp introdusert deg listen over Elementor-widgetvelgere. Hvis du har noen bekymringer om hvordan du kommer dit, gi oss beskjed innen 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 .
...
Jeg liker dette : jeg elsker Laster ...
lignende gjenstander