WordPress.org

Support

Support » Themes and Templates » Simple Catch theme sidebar

Simple Catch theme sidebar

  • twinkle14
    Member

    @twinkle14

    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
    Forum moderator

    @anevins

    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;
    }

    radhika
    Member

    @arti-singh

    @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
    }

    twinkle14
    Member

    @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.