Home › Forums › Automattic › Simfo › How to remove black thumbnail icon from search widget
-
AuthorPosts
-
RuPaLhi! My query is for the search widget as it appears on my blog http://www.foodienfabulous.com
The blog I need help with is foodienfabulous.com
I want to remove the black thumbnail icon with the words “search” on it.. How can I do that?August 27, 2015 at 5:08 am #163346
RuPaLAlso, is it possible to reduce the size of the Milestone widget box as it appears?
August 27, 2015 at 10:54 am #163348If you want to remove the search button in the sidebar on your blog posts, this CSS should hide it:
.widget_search .submit { display: none; }
August 27, 2015 at 10:55 am #163349Also, 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%; }
September 1, 2015 at 3:25 pm #163364
RuPaLThe search button I could remove.. Thanks :)
Want to reduce the height of the widget and not the width.. how can I do that?September 2, 2015 at 5:17 am #163365
RuPaLHi! 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.
September 2, 2015 at 1:14 pm #163366Want 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; }
September 2, 2015 at 1:16 pm #1633671. 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; }
September 2, 2015 at 1:22 pm #1633682. 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!
September 2, 2015 at 2:27 pm #163369
RuPaLHi 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 needSeptember 3, 2015 at 1:26 pm #163371Something 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; }
September 6, 2015 at 4:18 am #163381
RuPaLBoth of those worked like a charm!
I can’t thank you enough.
Cheers :)September 8, 2015 at 1:56 pm #163385Great, 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.
-
AuthorPosts
You must be logged in to reply to this topic.