-
AuthorPosts
-
December 7, 2018 at 8:14 pm #1042190
I spent a few hours trying to understand how to make a transparent layout into an image, and I’m not able to do it, any idea?
thank you so much in advanced
- This topic was modified 5 years, 4 months ago by soulpawa. Reason: no images
December 7, 2018 at 11:18 pm #1042243December 8, 2018 at 8:28 am #1042385Hi,
Thanks for the screenshots, though I don’t understand your question. Could you try to explain your problem a bit further please?
Best regards,
RikardDecember 8, 2018 at 11:09 am #1042420Hi Rikard;
Yes sure, I have an image like a background, and I would like to add text and then a transparent opacity like a new square like the images attached, I would like to create the orange/pink transparent gradient effect between an existing image and a text.
thank you
- This reply was modified 5 years, 4 months ago by soulpawa.
December 9, 2018 at 6:14 am #1042665Hi,
Thanks for the clarification, have you started out somewhere which we can look at? It will be difficult to help you out otherwise.
Best regards,
RikardDecember 9, 2018 at 11:04 am #1042707you can check what I want here:
it’s made with
if you inspect the element from the bootom seems like seems like he has this code :
<div class=”flex_column av_one_full flex_column_div first avia-builder-el-13 avia-builder-el-no-sibling ” style=”padding:20px; background-color:rgba(216,159,132,0.81); border-radius:0px; “><section class=”av_textblock_section ” itemscope=”itemscope” itemtype=”https://schema.org/CreativeWork”><div class=”avia_textblock av_inherit_color ” style=”color:#FFFFFF; ” itemprop=”text”><p style=”text-align: center;”>Hoi, wat leuk dat je een kijkje neemt op deze website! Mijn naam is Anna Korpershoek. Samen met mijn man Ferdy ben ik een aantal jaar geleden mijn droom officieel achter na gegaan door samen een fotografie bedrijf te starten. In dit bedrijf kon ik mijn passie voor fotografie, werken met mensen en het vereeuwigen van mooie momenten helemaal kwijt én het was super om samen met Ferdy te kunnen werken. Inmiddels heeft Ferdy ervoor gekozen zich volledig te richten op het geven van onderwijs en staat hij dus zelf niet meer achter (maar nu vóór de camera). Ikzelf wilde niet stoppen met dit mooie werk, dus vandaar dat ik in 2019 gewoon door zal gaan met fotograferen! Wil je meer over mij weten? Klik dan op de button hieronder!</p>
</div></section>
<div class=”avia-button-wrap avia-button-center avia-builder-el-15 el_after_av_textblock avia-builder-el-last “><span class=”avia_iconbox_title”>Meer Over Anna</span></div></div>and yes he’s using enfold theme.
thank you
December 10, 2018 at 7:46 pm #1043287Hi soulpawa,
Those are color sections with parallax, you can use them too and then put whatever you need in the sections.
Best regards,
VictoriaDecember 10, 2018 at 8:10 pm #1043305I already have a color section with an image like a background, but I’m not able to find how to frame the text with transparent opacity, when I already have an image like background like the website posted before.
Thank you
- This reply was modified 5 years, 4 months ago by soulpawa.
December 10, 2018 at 11:09 pm #1043418and what the video is talking is to add a transparency with color section, but it’s to add FULL transparency on parallaex , and I don’t want this.
I need this:
and I also followed a video from him here:
and as you can see at the end of the video, he’s doing it but he’s not explaining how, just the section of adding a full transparent section
I don’t know if it’s made with quick css but it’s not from color section, because as you can see a section is defined (size and high) and with color section is not possible.
- This reply was modified 5 years, 4 months ago by soulpawa.
December 11, 2018 at 3:34 pm #1043786well, I found the solution,
you have to add a new layer element,.
thank you so much for your help.
December 11, 2018 at 9:10 pm #1043983Hi soulpawa,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria -
AuthorPosts
- You must be logged in to reply to this topic.