Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • August 14, 2018 at 11:26 am #997032
    goloburda

    Hi guys!

    I’d like to make my contact form 7 transparent and I followed the steps described here https://kriesi.at/support/topic/contact-form-7-styling-enfolds-light-transparent-color-scheme/
    but unfortunately nothing changed. Could you pls take a look at my CSS file and figure out where the mistake is.

    Thanks very much in advance.

    And more little question:

    I used this code in quick CSS:

    .main_menu {
    background: rgba(0,0,0,0.2);
    padding-right: 10px;
    }
    .header-scrolled .main_menu {
    background: white;
    padding-right: 10px;
    }

    to put the menu on a transparent background and it looks great but the only thing I don’t like is that when you scroll down, the background becomes grey. Is it possible to leave it white as it was by default but to preserve this transparent background before scrolling the menu?

    Looking forward to your answer.

    Best,
    Olga

    August 14, 2018 at 1:28 pm #997065
    Mike

    Hey Olga,
    For the contact form styling, you would need to add the class to the form fields for the custom css to take effect, I see the person that wrote the post didn’t explain that step. So I added “class:enf_fields” to your CF7 fields and “class:enf_button” to the CF7 button for you.

    For the menu, I changed the background color in your css to: “background: rgba(0,0,0,0);”
    which removes the gray color.

    Please clear your browser cache and check these two solutions.

    Best regards,
    Mike

    August 14, 2018 at 1:39 pm #997071
    goloburda

    Wow, the contact form now looks awesome! Thank you very much, you’re a life saver!

    What about the menu bar, I also tried to change it to “background: rgba(0,0,0,0);” and the gray color disappears, but at the same time the transparent bar is also gone when you’re at the very beginning of the page. Is it possible to preserve that transparent bar which helps see the letters in the menu better? Or maybe there’s another way how we can make the whole menu section with the transparent bar underneath?

    The aim is to make the words in the menu more visible but we don’t want to make it white. So complicated explanation, sorry )

    August 15, 2018 at 4:34 am #997407
    Mike

    Hi,
    Sorry, I don’t quite understand. I tried changing the menu back to the way it was, with the gray background, and I don’t see a transparent bar. Please include a screenshot pointing this out, so we can help adjust it.

    Best regards,
    Mike

    August 15, 2018 at 9:26 am #997471
    goloburda

    This is the link to photos with transparent bar that we want to preserve and with the grey one that we’d like to remove
    Thank you in advance for your help!

    August 15, 2018 at 12:09 pm #997519
    Mike

    Hi,
    Oh I see, thanks for the images. I adjusted the colors like this:

    .av_header_transparency .main_menu {
    background: rgba(0,0,0,0.4);
    padding-right: 10px;
}
.header-scrolled .main_menu {
    background: white; 
    padding-right: 10px;
}

    Please clear your browser cache and check.

    Best regards,
    Mike

    August 15, 2018 at 12:11 pm #997521
    goloburda

    Now it’s perfect! Thank you very much, truly love you support team, you’re so helpful and quick, guys!

    August 15, 2018 at 12:38 pm #997527
    Mike

    Hi,
    Glad we were able to help, shall we close this then?

    Best regards,
    Mike

    August 15, 2018 at 12:40 pm #997528
    goloburda

    Sure, you can

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