Hello Summer Sale!
Exclusive season-opening discount on TheGem theme.
Limited time offer.

Okay
  Public Ticket #1195447
How to edit how the Search Results page look?
Closed

Comments

  • Konrad started the conversation

    I'm wondering where can I manage the results page? I can't find it.

  •  444
    Sergio replied

    Hi, 

    not quite sure what do you mean. Can you pls provide more details (screenshots)?

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • Konrad replied

    This is a search results page on my site: http://tylkosprobuj.com/?s=foto.

    How do I manage this page? I want to change the yellow colours on it, remove the breadcrumbs, maybe change pink in the header background.

  •  444
    Sergio replied

    HI!

    pls. use following css:

    /*background color*/
    body.search .page-title-block {
        background-color: #000;
    }
    /*title colors*/
    body.search .page-title-title span.light {
        color: #ccc;
    }
    body.search .page-title-block .highlight { 
       color: #ccc;
    }
    /*bottom border color*/
    body.search .page-title-block:before { 
       background-color: #000 !important;
    }
    /*icon color*/
    body.search .gem-icon .gem-icon-half-1,
    body.search .gem-icon .gem-icon-half-2 { 
       color: #ccc;
    }
    /*removing breadcrumbs*/
    body.search .breadcrumbs-container {  
      display: none;
    }

     

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • Konrad replied

    Thanks!

  •  444
    Sergio replied

    HI, 

    Feel free to contact us if you need help. 

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • goneng replied

    Maybe it is time to set those values to match the Theme-Options
    (or at least add a section there to configure those values).

    Thanks

  •  444
    Sergio replied

    Hi, goneng

    we did it in the latest version of the theme (screen 1426)

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.

  • goneng replied

    Yes, I've tried that, but for some reason my settings there did not affect the actual appearance of the search-results page.

    Have noticed the design of that page (especially the header area) was mostly based on other definitions in 'styles.css' and 'custom.css', overriding my settings.

    For example:

    - for the searched text (showing in the header as limy-yellow) "body.search .page-title-block .highlight", the color (#e7ff89) comes from styles.css (line 8192)

    - for "body.search .page-title-block::before", the background-color (#4dd0e1) comes from styles.css (line 8174)

    - for "body.search .page-title-block", the background-color (#2b3033) comes from custom.css (line 1775), but is not the background-color I have in the header of the other pages


    What am I missing?

  •  444
    Sergio replied

    HI, goneng

    Could you create a separate ticket and share the wp-admin access.

    If you’re happy with our theme, please rate us with 5 stars on Themeforest. It keeps us motivated!  (How to rate).

    Regards Sergio Codex.