Contact form overflow and margin

  • Rok Okrogar

    (@okrogar)


    11 years, 2 months ago

    Hi,
    Im having an issue with setting my contact form in sidebar of Venedor theme. First I made html table tag in contact form 7 and worked just fine. But when I updated theme and all plugins everything dissapered. What should I do?

    So now I strated with new method. I put some extra lines in CSS of my theme.
    .wpcf7
    {
    background-color: #6dbcdb;
    border: 4px solid #35424f;
    }
    .wpcf7 input[type=”text”],
    .wpcf7 input[type=”email”],
    .wpcf7 textarea
    {
    background-color: #fff;
    color: #000;
    width: 90%;
    }

    One of the fields is still to wide. How do I configure it. Im also looking for margine left for 10px.

    This is link of my landing page with cf7 in sidebar.
    http://fizio-terapija.si/izdelek/magnetni-trak-za-vrat/

    thanks for helping me

    Best regards from Slovenia

Viewing 2 replies - 1 through 2 (of 2 total)
  • Balint Toth

    (@tothbalint)

    11 years, 2 months ago

    Hello!

    First of all, please be aware that directly editing Your theme’s CSS files is considered a bad practice, because when You are updating, WordPress has no way to tell what are Your modifications. Most likely this is the reason Your previous modifications were lost. The proper way for this is to create a child theme (here is a codex page about this, or here is a video tutorial).

    If You only making css modifications, then You could use some custom css plugin, I am using Simple Custom CSS all the time.

    Regarding the dropdown menu, I think the issue is that You have too long text in there, and because of that it is overflowing the sidebar width.

    I was able to shorten the width with this css code:

    .izberi select {
    max-width: 230px;
}

    This solves the issue under Firefox (screenshot here), however make sure to test this solution with other browsers too, they might display this differently.

    Please let me know how it goes 🙂

    Greetings from Serbia

    Cheers,
    Balint

    Thread Starter Rok Okrogar

    (@okrogar)

    11 years, 2 months ago

    Thank you Balint
    I will defenetly try to make child theme and custom css.

    Best regards

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Contact form overflow and margin’ is closed to new replies.

Tags