Custom CSS affecting other elements on the page

  • Resolved lachytimber

    (@lachytimber)


    9 years, 11 months ago

    Hi there! Great plugin, but when I enter some code into custom css, it is affecting other elements on page. ie I’m outputting search results for a number of timber products, and wanted to change the size of their images, but my banner image is affected by the css as well.

    Any tips on how to limit the css to only the elements output by the search would be great!

    Also, I have no idea why, but the names of the products (output with #the_title#) are all displaying with a bullet dot (•). How do I get rid of this?

    https://ww.wp.xz.cn/plugins/filter-custom-fields-taxonomies-light/

Viewing 1 replies (of 1 total)
  • Plugin Author websupporter

    (@websupporter)

    9 years, 11 months ago

    Hi lachytimber,
    the different sections of the filter are wrapped in certain classes.

    So for example you can access the input fields without changing other input fields with
    .sf-filter input

    The result list can be accessed via
    .sf-result li

    Try for example
    .sf-result { list-style: none; }
    to get rid of the dots in your search results.

    .sf-nav addresses the pagination.

    But you will probably have to tweak everything a bit, because the styles always interplay with the styles of the theme (due to its nature being CSS). But I hope, this gives you the direction how to solve your problem.

    Thanks for using my plugin 🙂

Viewing 1 replies (of 1 total)

The topic ‘Custom CSS affecting other elements on the page’ is closed to new replies.