Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 31, 2020 at 3:31 pm #1242214
    JaneJoyce

    Hello!
    Am feeling foolish but just can’t find a way to change the styling of the results showing on the search results page. Am running 4.7.6.3 with a child theme, using the child’s stylesheet. Need to modify the look of the listed items that result from a search.

    To target elements, have tried starting with …
    .search
    .search-results
    .template-search
    #top .search … etc.
    #main .search … etc.

    None of them make any difference to any element that follows
    ( e.g., .search-results .projectStatus { display: none!important; } does not hide the projectStatus items )
    Any ideas? The site is live.

    September 1, 2020 at 6:30 am #1242374
    Nikko

    Hey JaneJoyce,

    Thanks for giving us link to your site, I checked with a web inspector and your code should work:

    .search-results .projectStatus

    After checking the merged CSS, the only projectStatus selector I can find is this:

    .projectStatus {
    font-size: 0.85em;
    text-transform: uppercase;
    margin-top: 5px;
    color: #808080
}

    Most likely the problem is due to caching.
    Please try to flush out the cache in any caching plugin (or built-in internal caching provided by the webhost) or any optimization plugin.
    If none works, please try to go to Enfold > Performance then disable CSS file merging and compression.
    Hope it helps.

    Best regards,
    Nikko

    September 1, 2020 at 2:24 pm #1242522
    JaneJoyce

    Thanks Nikko
    Flushed the cache, turned off CSS file merging and ensured I have no caching plug-ins. No joy.
    Moved to a different computer and browser, still no joy. But then I decided to edit Enfold’s layout.css file directly … which worked. And inexplicably, the child’s css file then also started to have an effect. Weird.

    Should I restore the CSS file merging?

    Thanks for your help.

    Jane

    September 2, 2020 at 5:40 am #1242679
    Nikko

    Hi Jane,

    Yes, that seems a weird way but I guess it’s a good thing that it triggers fetching newer css.
    As for enabling CSS file merging: yes, please do it.

    Best regards,
    Nikko

    September 2, 2020 at 11:09 am #1242762
    JaneJoyce

    OK, thanks for your help Nikko. You can close the thread now.

    Jane

    September 2, 2020 at 11:20 am #1242766
    Nikko

    Hi Jane,

    You’re welcome :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Search results page : styling’ is closed to new replies.