Home › Forums › Automattic › Simfo › How to remove black thumbnail icon from search widget
-
AuthorPosts
-
RuPaLMemberhi! 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
RuPaLMemberAlso, is it possible to reduce the size of the Milestone widget box as it appears?
August 27, 2015 at 10:54 am #163348
Kathryn P.Happiness EngineerIf 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 #163349
Kathryn P.Happiness EngineerAlso, 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
RuPaLMemberThe 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
RuPaLMemberHi! 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 #163366
Kathryn P.Happiness EngineerWant 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 #163367
Kathryn P.Happiness Engineer1. 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 #163368
Kathryn P.Happiness Engineer2. 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
RuPaLMemberHi 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 #163371
Kathryn P.Happiness EngineerSomething 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
RuPaLMemberBoth of those worked like a charm!
I can’t thank you enough.
Cheers :)September 8, 2015 at 1:56 pm #163385
Kathryn P.Happiness EngineerGreat, 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.