CSS Styling, different Grids
-
First of all, many thanks for this great plugin.
I would like to/have used this plugin 3 times on my site. In various areas of the site. Each grid also has its own ID. If I change the title of one grid via ‘Custom CSS’; e.g. with:
‘ .ymc-smart-filter-container .container-posts .post-layout1 .ymc-post-layout1 .title ’
Then all headings of the created grids are changed.Above the ‘Custom CSS’ box it says:
‘Add your custom CSS. Use the parent container ID named: #ymc-smart-filter-container-{ID}’I have tried to address the class with the grid ID, but nothing happens.
Somehow I have lost my way.
How can I edit the title of 3 grids on my page separately, with css?Thank you very much!
-
Hi!
If you use adding styles inside the plugin settings itself, these styles will be applied to the current filter.Thus, if you have three different filters on one page, you should use the style entry notation: #ymc-smart-filter-container-1, #ymc-smart-filter-container-2, #ymc-smart-filter-container-3
If you need to use styles for 3 different grids on different pages of the site, you can use your custom styles using the class entry notation: .ymc-smart-filter-container
It is important to understand that if you specify styles inside the filter, you need to write #ymc-smart-filter-container-{ID}, where {ID} is the filter counter on the current page.
The topic ‘CSS Styling, different Grids’ is closed to new replies.
