Changing colors and editing search results page

  • jesperc

    (@jesperc)


    4 years ago

    So I successfully changed the color of the titles of the search results on my website wit this CSS

    h2.entry-title a {
    color: #fff;
    }

    However I can’t figure out how to change the color of the summaries beneath the titles or how to change the looks of the page either for that matter without buying Elementor PRO. I’m probably going to purchase that later as my site evolves but for now it would be comfy to keep the price low.

    Thanks in advance!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jesperc

    (@jesperc)

    Also, the page is localhosted so I can’t link it yet

    linux4me2

    (@linux4me2)

    It’s difficult–if not impossible–to help you without being able to see the site, but what is probably even better than having someone else give you the CSS is learning to use the developer tools in your browser of choice to view and change the CSS to get what you want, then add it to your site.

    I don’t know what browser you’re using, but I’ll guess it’s Chrome since they have the largest market share. If you’re using Chrome, you can find a tutorial on their Developer Tools here. Firefox also has developer tools. Either will allow you to right-click an element on the page and “inspect” it to see what CSS it uses. You can alter the CSS live to see what happens and figure out what you need.

    One suggestion, your changes for the Search page won’t be restricted to only the Search page the way you have them written, they’ll affect every page that has an h2 entry-title hyperlink. To restrict to a given page in CSS, you can use the page id, visible with the developer tools, to limit your changes to that page; e.g.:

    
.page-id-x h2.entry-title a {
  ...
}

    replacing the “x” with the ID of the page, which your theme hopefully uses.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing colors and editing search results page’ is closed to new replies.