Docs

[alisonglass]

Can I get rid of the dropshadow on the recent posts with css?

When I search my blog page the page that pops up has a giant title for Archive, can this page be styled so that it is more subtle and not say archive?

Thanks!
Jessica

[alisonglass]

sorry the other pic was too big

[Thai]

Hi There,

To remove the box shadow around the recent posts, please add the following CSS under Customizer > Custom > Global CSS:

.x-recent-posts a {
    box-shadow: none;
}

Hope it helps 🙂

[alisonglass]

I added that and it doesn’t have an effect. I did delete the cache when I checked it. Any other ideas?
Thanks!
Jessica

[alisonglass]

Here is the archive page that I would like to style. Is that possible?

[Jade]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[alisonglass]

This reply has been marked as private.

[Rupok]

Hi there,

I can see the suggested code is working on your site and there is no shadow. And I am not sure which style you are trying to apply for the category page. Would you clarify?

Thanks!

[alisonglass]

I am wondering where to get to the styling of that page? I haven’t styled it at all but I do not like the gigantic Categories Archive and I am not sure where to style that.

The drop shadow or border is still showing up on my posts. Is there a way to make it look like it is just floating on a white page?

Thanks for your help

[Joao]

Hi There,

Please add the following code to Appearance Customizer Custom CSS

.x-recent-posts.vertical a.x-recent-post1:last-child, .x-recent-posts.vertical a.x-recent-post2:last-child, .x-recent-posts.vertical a.x-recent-post3:last-child, .x-recent-posts.vertical a.x-recent-post4:last-child {
    border: none;
}

Thanks

Joao

[alisonglass]

Thank you! That worked really well. The border and dropshadow are gone. Is there a way to restyle the category search page?

[Christopher]

Hi there,

How can I search on your site? there is no search icon.

Thanks.

[alisonglass]

I fixed it so that there is a search icon in the upper corner. Sorry for the confusion before.Everything just looks very large and it didn’t search my recent posts. I am confused. Thanks for your time!
-Jessica

(alisonglass.com)

[alisonglass]

oops, too big

[Friech]

Hi Jessica,

To reduce the font size of search input field, add this on your custom CSS on customizer.

.x-searchform-overlay .form-search .search-query {
    font-size: 2em;
}

Feel free to adjust the 2em value.

To remove the Search Result on the search page, add this on your custom CSS.

.search .x-header-landmark {
	display: none;
}

Replace the property with font-size: 2em; if you need it to adjust.

Hope it helps, Cheers!

[Author]

Posts