Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • May 7, 2015 at 9:58 pm #441269
    trussardi

    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!

    May 8, 2015 at 3:51 pm #441573
    Andy

    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

    May 8, 2015 at 9:12 pm #441777
    trussardi

    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!

    May 11, 2015 at 1:46 pm #442429
    Yigit

    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

    May 11, 2015 at 1:57 pm #442441
    trussardi

    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?

    May 11, 2015 at 2:07 pm #442444
    Yigit

    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

    May 11, 2015 at 2:15 pm #442449
    trussardi
    This reply has been marked as private.
    May 13, 2015 at 5:50 am #443528
    Ismael

    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

    May 14, 2015 at 4:16 pm #444365
    trussardi

    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.

    May 14, 2015 at 4:26 pm #444373
    Yigit

    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

    May 14, 2015 at 4:42 pm #444396
    trussardi

    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.

    May 14, 2015 at 4:46 pm #444402
    Yigit

    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

    May 14, 2015 at 10:22 pm #444629
    trussardi
    This reply has been marked as private.
    May 14, 2015 at 11:02 pm #444640
    Yigit

    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

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