Duhet të zbuloni se si të shtoni imazh në 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.

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

Në disa mjete të projektimit si GIMP dhe Photoshop, zakonisht duhet të shtoni një shenjë shtrese për të shtuar një imazh në tekst. Në Elementor, ju mund të arrini të njëjtën gjë duke shtuar kodin CSS si widget Title dhe widget Text në Elementor nuk ka një 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.

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

Si të shtoni imazhin në tekst në Elementor

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

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.

përzgjedhës .elementor-heading-title {sfond: url ("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") përsëritje jeshile 30% 70% ; -webkit-background-clip: tekst; -webkit-text-mbush-ngjyra: transparente; }

Këtu është shembulli.

Si të shtoni imazhin në tekst në Elementor

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.

...

0 aksionet
pjesë
cicërimë
Regjistrohem