Docs

[gremelle]

Hi,

I’ve tried the various methods for making the search results page for X/Integrity look decent.

But I just can’t seem to make it work.

Please check: https://vault.zero2pro.club/?s=list

I can’t get the pictures inside the content boxes, and the entire results page just looks funky.

I’ve tried the following CSS from around the site to make it work:

.search .has-post-thumbnail .entry-featured {
width: 20%;
float: left;
}

.search .has-post-thumbnail .entry-wrap {
border-radius: 0 0 4px 4px;
float: left;
width: 80%;
}

.search .entry-wrap {
background: transparent;
}

.search .entry-footer {
clear: both;
}

@media (min-width:  980px) {
	.search-results .entry-featured {
    	max-width: 13%;
    	border-width: 0;
    	box-shadow: none;
    	margin: 0 auto;
	}
}

.entry-featured {
    display: inline-block;
}

.entry-thumb img {
    min-width: 0;
}

And the results is the one seen so far.

Please help, I only have 2 months left to launch

[Rue Nel]

Hello There,

Thanks for writing in! Your css code has conflict. Please update it and use this instead:

@media(min-width: 980px){
  .search .hentry {
    clear: both;
  }

  .search .has-post-thumbnail .entry-featured {
    width: 20%;
    float: left;
    box-shadow: none;
    border: none;
    text-align: center;
  }

  .search .has-post-thumbnail .entry-featured .entry-thumb {
    background-color: transparent;
    box-shadow: none;
  }

  .search .has-post-thumbnail .entry-wrap {
    border-radius: 0 0 4px 4px;
    float: left;
    width: 80%;
    padding: 20px;
  }

  .search .entry-wrap {
    background: transparent;
  }

  .search .entry-footer {
    clear: both;
  }
}

The thumbnail image is quite small. Please make sure that it is at least 150by150 pixels. And also there is no excerpts because it seems that you have created your post with Cornerstone. Excerpts are optional hand-crafted summaries of your content that can be used in your theme. To display the excerpt, you have to use the manual excerpts. To add an excerpt to a post, simply write one in the Excerpt field under the post edit box. Please see the screenshot below: http://prntscr.com/9j98do

Learn more about manual excerpts.

Hope this helps.

[gremelle]

Hi,

Your support is wonderful as always.

I also added the excerpt box.

Next question, is there a way for me to add padding to the image, so the excerpt box is not sticking to it?

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.entry-thumb img {
    padding: 12px;
}

Thanks.

[gremelle]

Thanks that helps a lot! 😀

[Prasant Rai]

You are most welcome. 🙂

[Author]

Posts