Si të shtoni imazhin në tekst në Elementor

Duhet të zbuloni se si të shtoni një imazh në një tekst në Elementor ?

Elementor bëri të mundur që të gjithë të bëhen një projektues uebi pa pasur nevojë të kenë aftësi të përparuara CSS. Redaktori i tij vizual ju lejon të krijoni një faqe të bukur në internet pa shkruar një rresht të vetëm të kodit CSS. Thjesht mund të shtoni çdo element të projektimit (widget) që dëshironi dhe t'i rregulloni ato në panelin e cilësimeve.

Megjithatë, të kesh disa aftësi CSS do të ishte një bonus i madh në përdorimElementor. Ju do të jeni në gjendje të aplikoni stile unike në faqen tuaj të internetit duke përdorur funksionin CSS e personalizuar iElementor. Në këtë artikull, ne do t'ju tregojmë se si të shtoni një imazh në tekst në Elementor duke përdorur veçorinë e personalizuar CSS të Elementor.

Ne disa outils dizajne të tilla si GIMP dhe Photoshop, zakonisht duhet të shtoni një shënues shtresash për të shtuar një imazh në tekst. Në Elementor, mund të bëni të njëjtën gjë duke shtuar kodin CSS që miniaplikacioni i Titullit të Elementor dhe miniaplikacioni Teksti nuk ka asnjë opsion cilësimi për të shtuar imazhin si sfond.

Shtoni një imazh në një tekst Elementor

Para se të filloni, sigurohuni që keni përmirësuar versionin tuaj të Elementor në versionin pro nëse nuk e keni bërë pasi që funksionaliteti i personalizuar CSS është i disponueshëm vetëm në Elementor Pro. Pasi të jeni gati, krijoni një faqe ose model të ri dhe modifikojeni atë me Elementor. Sigurisht, ju gjithashtu mund të redaktoni një faqe ose model ekzistues.

Shih gjithashtu: Elementor: Si të shtoni një tabelë të përmbajtjes

Shtoni widget -in Title në kutinë e redaktimit.

Shkoni te paneli i cilësimeve për të zëvendësuar tekstin e paracaktuar nën skedën Përmbajtje.

Lexoni gjithashtu udhëzuesin tonë në: Ementor: Si të përdorni zgjedhësin e ngjyrave

Shko te skeda Stili për të personalizuar tekstin. Mund të vendosni madhësinë e tekstit, stilin e shkronjave, etj ... duke klikuar në ikonën e lapsit në Opsioni i tipografisë nën bllok Titulli Meqenëse dëshironi të përdorni një imazh si sfond për tekstin tuaj, nuk keni nevojë të vendosni ngjyrën e tekstit.

Pastaj shkoni te skeda i përparuar dhe hapni bllokun Me porosi CSS dhe ngjisni kodin e mëposhtëm CSS. Zëvendësoni URL -në e figurës me URL -në tuaj të imazhit.

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;
}

Këtu është shembulli.

Merrni Elementor Pro Tani!

Përfundim

Këtu! Kjo është ajo për këtë artikull i cili ju tregon se si të shtoni imazh në tekst në Elementor. Nëse keni ndonjë shqetësim se si të arrini atje fna tregoni në komente.

Sidoqoftë, gjithashtu mund të këshilloheni burimet tona, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.

Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.

...