Topic: How to remove black thumbnail icon from search widget

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

Author

Posts
August 27, 2015 at 5:07 am #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

August 27, 2015 at 5:08 am #163346

RuPaL
Member

Also, 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 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;
}
```
August 27, 2015 at 10:55 am #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%; 
}
```
September 1, 2015 at 3:25 pm #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?

September 2, 2015 at 5:17 am #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.

September 2, 2015 at 1:14 pm #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;
}
```
September 2, 2015 at 1:16 pm #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;
}
```
September 2, 2015 at 1:22 pm #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!
September 2, 2015 at 2:27 pm #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

September 3, 2015 at 1:26 pm #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;
}
```
September 6, 2015 at 4:18 am #163381

RuPaL
Member

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

September 8, 2015 at 1:56 pm #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.
Author

Posts

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

You must be logged in to reply to this topic.