• hi,

    I am new to WordPress and I have a problem on my widget on my sidebar.
    The search box of my amazon search widget is too wide than the rest of the widget.
    my site is: mensleatherbelts.net

    Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    On style.css line 199, this

    input[type="text"], input.text, input.title, textarea, select {
     ...
     width: 368px;
    }

    Is applying a width of 368 pixels to all input fields that allow text entered, hence why your search bar is too wide.

    To avoid making changes to original theme files, you should either create a Child Theme or use a Custom CSS Manager plugin. Changes to theme files will erase once the theme updates.

    Then within the stylesheet of your Child Theme or the allocated space of the plugin, add this CSS;

    .widget input {
     width: auto;
    }

    @twinkle14

    you have to add the width of<input field> in style.css of your theme.

    .hd_input span #amzn_search_textfield{
    width: 230px; <— Edit the width
    }

    Thread Starter twinkle14

    (@twinkle14)

    Thank you so much to both of you!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Simple Catch theme sidebar’ is closed to new replies.