Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #997032

    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

    #997065

    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

    #997071

    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 )

    #997407

    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

    #997471

    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!

    #997519

    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

    #997521

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

    #997527

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

    Best regards,
    Mike

    #997528

    Sure, you can

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