Form Colour Change Not Working

[carlrobertspt]

Hi, I’ve attached a screenshot of the custom css which is copied into the child style.css, along with a screenshot of how my website currently looks. I have numbered the issues and will provide an explanation of what I am trying to achieve for each number.

1. I would like the form to be rounded and slightly transparent, how do I achieve this?

2. There appears to be a gap when the colour is changed, how can I fix this?

3. Why are these boxes different colours and how can I change this?

4. Another gap

5. Different coloured border around the edge, how can I make this the same colour as the rest of the form?

6. The entire form has moved up and away from the slider, why is this and how do I change it back?

Also, as an extra question, I have numbered (quite poorly, writing looks like a 6 year old) the sections on the css, could you tell me what number relates to what part of the search form?

 

I know there’s a lot of questions, and they’re probably simple ones, but as you can see, I have no idea what I’m doing 🙂

 

Thanks in advance

Attachments:

You must be logged in to view attached files.

[Laura]

Hello 🙂
1- Try by adding this css

COPY CODE

.form-wrapper {
    background: #bef781;
    border-radius: 60px;
    border: 1px solid;
    border-color: transparent !important;
}
.form-header {
    border-top-left-radius: 60px;
    border-top-right-radius: 60px;
    border-color: transparent !important;
}
form.custom.form-search {
    border-color: transparent !important;
    background: transparent !important;
}
.form-footer {
    border-color: transparent !important;
    background: transparent !important;
}

2- Fixed with the css above
3- Fixed with the css above
4- Fixed at 1
5- Fixed at 1
6- Did you add any custom css that could create that?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[carlrobertspt]

Hi,

I tried the above and nothing changed.

Before, by deleting the custom css, the entire page would return to normal, it’s no longer doing this.

What else can I try?

Thanks

[Laura]

Hello, can you share admin access so i can check it out?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂

[Author]

Posts