Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #375346

    Hi,
    is there a possibility to create a transparency for the background of a promo box or create a transparency for a text block?

    I would like to include a slightly transparent text section on to a background image using the color section for it:
    https://dl.dropboxusercontent.com/u/36940955/Bildschirmfoto%202015-01-05%20um%2020.33.43.png

    The idea to make it look nice on a mobile, since the text overlaps the image:
    https://dl.dropboxusercontent.com/u/36940955/Bildschirmfoto%202015-01-05%20um%2020.34.21.png

    Thanks in advance for your reply!
    Fred

    #375403

    Hi poppenhaeger!

    Add this to your custom CSS.

    .av_promobox { background: transparent !important; }
    

    Regards,
    Elliott

    #377153

    Hi Elliot,
    many thanks.

    Is there a possibility to
    a) remove the border of the promobox?
    b) make the box semi-transparent? (the 100% transparency does not solve my problem)

    Regards

    #377277

    Hi!

    Replace the code with this:

    .av_promobox { background: rgba(255,255,255,.8); border: none; }
    

    Regards,
    Ismael

    #377462

    Hi Ismael, thanks,
    but your code doesnt’ add any semi-transparency to the promo box, it just removes the border right?
    Is there any way to add a semi (or gradual) transparency to the box?
    (If I’m totally wrong, please accept my immediate apology and correct me).

    Best regards

    #377994

    Hey!

    You can adjust the transparency with the last value (.8).

    I checked your link again and it looks like your using textblock elements there though so your probably wanting something like this.

    .avia_textblock p {
      background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important;
      padding: 10px;
    }

    Best regards,
    Elliott

    #395260

    Hi Elliott,
    I have more or less the same question:

    We’d like to have the background partly transparent, for example here: http://seminare.thework-coaching.de/de/the-work/

    I used the above quick css: .av_promobox { background: rgba(255,255,255,.8); border: none; }

    But nothing shows.
    Is it correct to enter it under: Enfold: allgemeines Styling: Main Content, oder alternate Content?
    Thanks,
    Chris

    #395640

    Hi!

    Which part of the page would you like to apply a transparent background to? A screenshot will help. You need to add custom css codes to the Enfold > General Styling > Quick CSS field.

    Cheers!
    Ismael

    #820516

    Hi,

    I am not sure if this is the right topic for my problem, but I want to know if I somehow can make my icon boxes transparent?

    I have tried with this code in quick css, but it does not seem to fix my problem:

    .page-id-2449 .main_color.iconbox_top .iconbox_content {
    background: rgba(255,255,255,.8);
    }

    #820959

    Hi,

    Please try this instead:

    .page-id-2449 .iconbox_icon {
      background: rgba(255,255,255,0.8) !important;
    }

    Best regards,
    Rikard

    #821423

    Hello,

    Thanks for the quick reply. It still does not work. The box around the text is still solid white.

    Not that is concerns my issue but I guess it would be the same problem if other people wanted it to be another solar than white. In this case the perfect scenario would be a 50%ish transparency.

    Do you know what might be wrong?

    Thank you,

    #822596

    Hi andreasjustesen,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
    .page-id-585 .main_color.iconbox_top .iconbox_content {
      background: rgba(255, 255, 255, 0.3);
    }
    

    If you need further assistance please let us know.
    Best regards,
    Victoria

    #822662

    Hey,
    Still not working..
    Is it the code that are not working or is it another issue?

    #822820

    Hi andreasjustesen,

    I think we misunderstand each other. The code is working, but probably you want a different thing. Could you please attach a mockup of what you’re trying to achieve?

    View post on imgur.com


    Best regards,
    Victoria

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.