Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #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?

    transparent text

    https://prnt.sc/ls2z2l

    trasparent
    https://prnt.sc/ls30bn

    thank you so much in advanced

    • This topic was modified 5 years, 4 months ago by soulpawa. Reason: no images
    #1042243

    up

    #1042385

    Hi,

    Thanks for the screenshots, though I don’t understand your question. Could you try to explain your problem a bit further please?

    Best regards,
    Rikard

    #1042420

    Hi 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.
    #1042665

    Hi,

    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,
    Rikard

    #1042707

    you can check what I want here:

    http://ferdyenanna.nl/

    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

    #1043287

    Hi soulpawa,

    Those are color sections with parallax, you can use them too and then put whatever you need in the sections.

    Best regards,
    Victoria

    #1043305

    I 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.
    #1043418

    and 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:

    View post on imgur.com

    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.
    #1043786

    well, I found the solution,

    you have to add a new layer element,.

    thank you so much for your help.

    #1043983

    Hi soulpawa,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.