Parallel pro CSS code

[naomy]

Hello,
In the Welcome section i have a background picture and this looks perfect on the laptopscreen. But on a mobile phone the background is cut of and i dont see the fully background picture. Can you please give me advice to fix this?

I also tried to make the contact 7 form smaller but this didnt worked. Can you please help me with this?

I tried to put in CSS code but this didnt work.

I dont understand why the CSS code is not working. I had put the code in the ” Custom CSS”

I hope you have some advice.

i’m using the template Parallel pro 1.2.1.1

[Hans (Support Admin)]

Hello,

I have responded to your previous ticket, can you share a link to your site so I can have a look?

[naomy]

Hi Hans,
Sorry i didnt get a notification of you reply.
the URL is http://theartofstrength07.stallbar.nl/

• This reply was modified 2 years, 4 months ago by naomy.

[naomy]

naomy
November 17, 2020 at 3:59 pm
Hi Hans,
Sorry i didnt get a notification of you reply.
the URL is http://theartofstrength07.stallbar.nl/

[Hans (Support Admin)]

Hello,

You can reduce the padding size on mobile devices, that way more of the images will be shown.

Try this CSS code,

@media (max-width: 767.98px) {
#welcome {padding-top: 150px !important;padding-bottom: 100px !important;}
}

Place that code in the Custom CSS field of the Custom Code section in the Parallel Options Panel.

[naomy]

Hi Hans,

Thank you this works!!!

How can i adjust the size of the contact form? The code i used doesnt work.
I would like to have all input boxes smaller.

[Hans (Support Admin)]

Hello,

You’ll have to edit the CSS styles for the Contact Form 7 plugin.

It’s located in the style.css file towards line 1415.

Go to Appearance > Theme Editor and select style.css

[naomy]

This reply has been marked as private.

[Hans (Support Admin)]

Hello,

Do you want them smaller in width or height?

• This reply was modified 2 years, 3 months ago by Hans (Support Admin).

[naomy]

Hi Hans,

I want them smaller in width and a bit in height

[Hans (Support Admin)]

Hello,

Ok, so try something like this instead,

.contact input[type=”submit”] {
width:50% !important;
}

Copy and paste that code into the Custom CSS field of the Custom Code section of the Parallel Options Panel.

[naomy]

This reply has been marked as private.

[Hans (Support Admin)]

It worked for me when I tested on our development server.

Did you clear your site cache and your browser cache after making the change?

[naomy]

This reply has been marked as private.

[Hans (Support Admin)]

Hello,

You need to use a fixed width, not a percentage.

Try this code,

.contact .wpcf7-form {
width: 600px;
}

You can adjust the width to what you need.