Take your website
To the next level
Discover our newly launched customization services and elevate your web projects to new heights.
Delegate tasks, save time, and unlock the power of professional WordPress outsourcing.
Hire Us

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

Comments

  • Konrad started the conversation
    June 5, 2017 at 1:49pm

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

  •  432
    Sergio replied
    June 5, 2017 at 2:44pm

    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
    June 6, 2017 at 5:48am

    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.

  •  432
    Sergio replied
    June 6, 2017 at 12:35pm

    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
    June 6, 2017 at 1:45pm

    Thanks!

  •  432
    Sergio replied
    June 6, 2017 at 2:05pm

    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
    October 12, 2017 at 11:42am

    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

  •  432
    Sergio replied
    October 12, 2017 at 1:48pm

    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
    October 12, 2017 at 7:47pm

    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?

  •  432
    Sergio replied
    October 13, 2017 at 7:39am

    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.