How to remove black thumbnail icon from search widget

Home Forums Automattic Simfo How to remove black thumbnail icon from search widget

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #163345 Resolve

    RuPaL
    Member

    hi! My query is for the search widget as it appears on my blog http://www.foodienfabulous.com
    I want to remove the black thumbnail icon with the words “search” on it.. How can I do that?

    The blog I need help with is foodienfabulous.com
    #163346

    RuPaL
    Member

    Also, is it possible to reduce the size of the Milestone widget box as it appears?

    #163348

    Kathryn P.
    Happiness Engineer

    If you want to remove the search button in the sidebar on your blog posts, this CSS should hide it:

    .widget_search .submit {
         display: none;
    }
    #163349

    Kathryn P.
    Happiness Engineer

    Also, is it possible to reduce the size of the Milestone widget box as it appears?

    You can reduce the width with something like this, varying the percentage as you like:

    .milestone-widget {
      width: 80%; 
    }
    
    #163364

    RuPaL
    Member

    The search button I could remove.. Thanks :)
    Want to reduce the height of the widget and not the width.. how can I do that?

    #163365

    RuPaL
    Member

    Hi! Sorry to bother again, but I have two more queries:

    1. I would like to remove the top line between the menu and featured image.

    2. Reduce the space between the body of the post and the widgets on the right thereby by 50% to increase the space provided for the body of the post.

    I’d much appreciate the help.

    #163366

    Kathryn P.
    Happiness Engineer

    Want to reduce the height of the widget and not the width.. how can I do that?

    You could start with something like this:

    .milestone-countdown, .milestone-message {
         line-height: 1;
    }
    .widget .milestone-header {
      padding: 1em 0 0;
    }
    #163367

    Kathryn P.
    Happiness Engineer

    1. I would like to remove the top line between the menu and featured image.

    Do you mean the thin double border on every page, just below the menu?

    .site-header {
        border-bottom: none;
    }
    #163368

    Kathryn P.
    Happiness Engineer

    2. Reduce the space between the body of the post and the widgets on the right thereby by 50% to increase the space provided for the body of the post.

    You can try something like this:

    .sidebar {
      width: 30%;
    }

    If you need help with anything else, could you please start a new thread? Thanks!

    #163369

    RuPaL
    Member

    Hi Kathryn – all else works perfectly!
    Only problem – can I increase the width of the body of the post instead of changing the width of the side bar. Thats what I really need

    #163371

    Kathryn P.
    Happiness Engineer

    Something like this should do the trick:

    .content-area {
      width: 70%; 
    }

    I also noticed you’re manually justifying all your paragraphs within the post editor – if you add this to your custom CSS you won’t need to do that anymore:

    .entry-content p {
      text-align: justify;
    }
    #163381

    RuPaL
    Member

    Both of those worked like a charm!
    I can’t thank you enough.
    Cheers :)

    #163385

    Kathryn P.
    Happiness Engineer

    Great, glad to hear it! I’ll mark this thread as resolved but feel free to start a new one if you need help with anything else.

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.