Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #341131

    HI guys!

    I’d like to add a transparent box within a colour section for text content (so it sits on top of a background image). I can’t seem to find a short code for this purpose.

    Can you help me with this?

    Thanks very much indeed.

    Regards,

    Christian

    #341406

    Hi jaroljmek!

    Thank you for using Enfold.

    You can apply a unique id to the color section. Look for the For Developers: Section ID field. Use this id + the column selector to add the background on the Quick CSS field.

    #section-id .flex_column {
    background: rgba(255,255,255, .5);
    padding: 10px;
    }

    Regards,
    Ismael

    #342509

    Hi Ismael!

    Many thanks for the heads up on this one.

    But is there any way of avoiding my two empty columns also picking up the CSS as in this example? Obviously I only want the box to appear behind the 3/5 centre column.

    http://fb3.motionpixels.com/#timeline

    Thanks so much!

    Regards,

    Christian

    #342654
    This reply has been marked as private.
    #342907

    Hi!


    @jaroljmek
    Please change the code to following one

    #timeline .flex_column.av_three_fifth {
    background-color: rgba(68,68,68, 0.75);
    padding: 25px;
    }


    @samscrimshaw
    Can you please point out the color section element so we can provide you accurate code?
    P.S.: Awesome wheels!

    Regards,
    Yigit

    #343335
    This reply has been marked as private.
    #343668

    Hi!

    Great! Let us know if you have any other questions or issues. We will keep the thread open for OP

    Cheers!
    Yigit

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