Read More is missing not proper in search page

  • Resolved bipulbarnwal

    (@bipulbarnwal)


    4 years, 3 months ago

    Hi Team,

    By using css i have changed layout of post thumbnail and Read more button. It looks fine when go on Home page and Category Pages.

    But now When Search for particular word from the search bar then layout is dispalced “Read More” button is missing from some of the post excerpt or getting overlap on text.Thumbnail image is displaced.
    if you go on to 3rd page from the navigation featured image is totally displaced.
    https://smartshoppingindia.in/page/3/?s=seo

    Please suggest where i went wrong and how to correct it

    • This topic was modified 4 years, 3 months ago by bipulbarnwal.
    • This topic was modified 4 years, 3 months ago by bipulbarnwal.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Leo

    (@leohsiang)

    Hi there,

    Maybe you can exclude your current CSS from applying to the search results page by doing this?

    body:not(.search-results) .read-more {	
	color: #FFFFFF !important;
	border:8px solid #00cccc;
	 background: #00cccc;
	margin-top:50px;
}
body:not(.search-results) .read-more:hover {
		border:8px solid #434343;
	  background: #434343;
    letter-spacing: 1px;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0,0,0,0.57);
    box-shadow: 5px 40px -10px rgba(0,0,0,0.57);
    transition: all 0.4s ease 0s;
}
    Thread Starter bipulbarnwal

    (@bipulbarnwal)

    Thanks worked for now..I will test it for different search terms.

    Leo

    (@leohsiang)

    That code should work for all search results page ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Read More is missing not proper in search page’ is closed to new replies.