Home>Support>Search results on Vantage not clickable, no styling, images

Search results on Vantage not clickable, no styling, images

By MJ, 9 years ago. Last reply by Magus, 9 years ago.

Hi, I’m getting results for a Vantage theme site like what’s mentioned in this thread – https://siteorigin.com/thread/search-page-does-not-produce-a-clickable-result/

The results show unstyled, un-clickable text like this – https://www.magneticsprings.com/test/?s=cooler

I looked at my CSS for entry-titles turned off but I don’t entry-titles referenced.

I also checked out this thread – https://siteorigin.com/thread/no-images-full-content-showing-on-category-search-results/ but all of my content is pages, not posts and I don’t have any featured images. My post content is set to Full Post.

The only active plugins outside of site origin are an estorefront, which must be active and Duplicator.

Can you take a look at my site and see what I’m overlooking?

Thanks!
Matt

URL: https://www.magneticsprings.com/test/?s=cooler

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Matt

    In you current Custom CSS you have the following entries:

    article.post .entry-header h1.entry-title {
        font-size: 0px
    }
     article.page .entry-header h1.entry-title { 
        font-size: 0px
     } 
    

    This is causing your titles to be hidden.

    If you remove these lines then you page should display properly

    Let us know how you get on

    Magus

  2. 9 years, 5 months ago MJ

    Hi Magus, I don’t any entries for this in my custom CSS. Are you finding this in the browser View Page Source? Is there an email that I can submit this directly as a Premium user? I will post the resolution here.

  3. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Hi Matt

    As Magus has pointed out the size of the font has been set to 0px

    You can fix/change this with some custom CSS. If you navigate to Appearance > Custom CSS, you’ll get our custom CSS editor. Just add the following code.

    #page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title {
      font-size: 16px !important;
    }
    

    You can change the size their to meet your requirements

    Cheers

  4. 9 years, 5 months ago MJ

    Thank you. Adding this to my custom CSS created the active links in my search.

  5. 9 years, 5 months ago MJ

    Thanks again, if I don't want the page title to appear on certain pages where I already have a custom page title, what CSS can I enter for a specific page id.

    For example: I don't want to 'check service' to appear in small type at the top of this page:
    https://www.magneticsprings.com/test/check_service/

  6. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Matt

    You can find the page ID by either viewing the page source or using the developer tools. If you look at the bodt tag you will see the entry for your page is ‘page-id-2112’.

    You can then add an entry into your custom css as:

    .page-id-2112 .entry-title {
      display: none !important;
    }
    

    Let us know how you get on

    Magus

  7. 9 years, 5 months ago MJ

    Worked. Great support here. thanks again!

  8. 9 years, 5 months ago Daniel
    Hi, I Work Here

    Perfect :-)

    Always feel free to open a new thread whenever you require support

    @Magus much appreciated.

    Cheers

  9. 9 years, 5 months ago MJ

    Magus, I may have spoken too soon on this.

    If you look at each of the pages on my site now, the page title appears.
    By adding the entry-title code to CSS I solved the search results problem, but created another. Having a default page title showing is one of the original issues I solved when I first started building a site in
    Wordpress. It is common with every default theme in WP and per most designers it seems, is unwanted, because we'd rather use a Vantage headline, or other sytlish elements.

    Any suggestions for solving this without having to exempt each by page id?

    Problem solved: https://www.magneticsprings.com/test/check_service/
    Problem created: https://www.magneticsprings.com/test/bottled-water/
    (also appears on other pages except 'home.')

    Matt

  10. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Matt

    I thought you might need this.

    Please go to Appearance->Customize->Theme Design

    Change the Page Title Size from 0 to 16 and click Save and Publish.

    Remove the last snippet I gave you and change the snippet Addo gave you to

    article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title { 
        display:none !important 
    }
    

    This will remove all page headers and post titles from the top of the page.
    Then add this

    .search article.post .entry-header h1.entry-title{ 
        display:block !important 
    }
    

    This should enable the post titles on the search page

    Let me know how you get on

    Magus

  11. 9 years, 5 months ago MJ

    Once again, thanks! Page titles are gone from main content pages and search has active links with titles.

  12. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Matt,

    Almost ;)

    Look at the search results page.

    Please change the top entry to read

    #page-title, article.post .entry-header h1.entry-title, article.page .entry-header h1.entry-title { 
        display:none !important 
    }
    

    Magus

  13. 9 years, 5 months ago MJ

    Right, thanks! any way to create some white space from the main nav on search results?

    https://www.magneticsprings.com/test/?s=cups

  14. 9 years, 5 months ago Magus
    Hi, I Work Here

    Hi Matt

    You have the padding for the main section set to 0px in your custom CSS as

    #main {
    padding-top: 0px;
    }
    

    You can either change this to another value to make this site wide or to target the search results only you can use

    .search #main {
    padding-top: 20px;
    }
    

    You may need to add the !important tag after the value and before the semi-colon as CSS is processed in the order it is read.

    Let us know how it goes

    Magus

  15. 9 years, 5 months ago MJ

    That worked, Magus. Thanks again!

  16. 9 years, 5 months ago Magus
    Hi, I Work Here

    Excellent

    Let us know if you need any more help.

    (start a new thread, this ones getting a bit long)

    Magus

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More