WordPress.org

Ready to get started?Download WordPress

Forums

Simple Catch theme sidebar (4 posts)

  1. twinkle14
    Member
    Posted 1 year ago #

    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.

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    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;
    }
  3. radhika
    Member
    Posted 1 year ago #

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

  4. twinkle14
    Member
    Posted 1 year ago #

    Thank you so much to both of you!

Topic Closed

This topic has been closed to new replies.

About this Topic