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

    Hello,

    I would like to add a little bit of transparency to some content-section /boxes, as i’m having a background image.
    The content sections do have a color so it’s readable. I only want the background image to see through a little bit. How can i make this possible?

    thanks in advance!

    #441573

    Hey trussardi!

    you can make it possible when you send us a link showing what you mean :). So we can provide you some CSS code. Basically you would achieve this with for example an “opacitiy=0.5” value.

    Regards,
    Andy

    #441777

    Hi Andy,

    1) Thanks for the answer. At the moment im running my site localy. But I got a home page with 1 content section (color background blue), then 1 image (fixed), then 1 content section background blue. I want the 2 content to have an opacity soo I can see a little bit of the image.

    2) Is it possible to put 2 content sections in each other to achieve a box in a box effect (2 different colors)?

    Thanks again!

    #442429

    Hi!

    You can add one 100% height color section and set your custom background image and insert a separator element in between your content. Or add two color section elements and set background images to scroll and set first background image to “top center” and second one to “bottom center”

    Best regards,
    Yigit

    #442441

    And how can I adjust the opacity/transparancy? for 1 content section? soo lets say the background 100% height is blue/image and the content section background is white. I want the white part to be a little bit transparant so the 100% background comes through. How can I make this possible?

    #442444

    Hi!

    It would be great if we could see your website live to provide you an accurate solution but can you please post a screenshot and show the changes you would like to make?

    Cheers!
    Yigit

    #442449
    This reply has been marked as private.
    #443528

    Hi!

    Unfortunately, it’s not quite helpful. We really need to see the actual site. How did you set the “blue section” to cover up the “logo area” section?

    Regards,
    Ismael

    #444365

    Like I said there is no hosting available at the moment, still local.

    As you can reed in the previous posts the blue part is a via builder called “content section” with a blue background
    The image “white” you can see below is a background image for the particular page, soo I want the blue “content section” to be a little bit transparant.

    #444373

    Hey!

    Please give color section element a unique ID – http://kriesi.at/documentation/enfold/wp-content/uploads/sites/2/2013/12/color-section-ID.png which contains your logo and then add following code to Quick CSS in Enfold theme options under General Styling tab

    #your-custom-id { margin-top: -100px; }

    then give unique ID to your color section above logo and add following code to Quick CSS as well

    #your-custom-id-two { background: rgba(0,0,0,0.7); }

    0,0,0 is RGB value of the color and 0.7 is opacity level. If that does not work, please post the link to your page when you launch your website.

    Best regards,
    Yigit

    #444396

    Thanks for your quick reply.

    Unfortunately, it only effects the overlay pattern “grunge”. So the pattern disappears. I will send the url as soon as the site comes live.
    Too bad that this can be solved.. it should’t be that difficult to get an section’s opacity changed.. most of other themes i used the option was embedded.

    #444402

    Hey!

    It is possible but unfortunately without seeing your website, we are not able to help much. We will keep the thread open and wait to hear from you :)

    Best regards,
    Yigit

    #444629
    This reply has been marked as private.
    #444640

    Hi!

    Do you mind creating a temporary admin login and posting it here privately so i can create a testing page for you?

    Cheers!
    Yigit

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