July 3, 2019 at 10:50 UTC - Views: 37 #60022
I have tried to create a new CSS Class for a list to change the font-size.
My new class is called “mylist-size”.
I have made this entry for an Additional CSS Class in the Gutenberg Editor for a list entry.
But I don’t know where to write the class complete.
I want to it over Design – Customizer – Custom CSS , but then I have found nothing about the list entry.
Thank you very much for the help. I hope I have explained it correctly.
Greetings JörgJuly 3, 2019 at 16:21 UTC - Views: 35 #60025scramblerModerator
If you mean you added a LIST block, then in the advanced options of the block added your class, then all you need to do to style the list using the class, is add your CSS rules using the class in the theme Global Custom CSS Rule box.
For example, the rule below will change the font size.
If you need more help, please be specific and provide a link to the page with the list in placeJuly 25, 2019 at 19:31 UTC - Views: 34 #61147
Sorry for the late answer, but the last weeks I had the no time to look in this forum.
I have read your answer, but I have some questions again:
July 25, 2019 at 19:44 UTC - Views: 25 #61148scramblerModerator
- I put the code
in the Global Custom CSS Rule box.
- I define a class in the block of the gutenberg editor where I want to change the font-size under advanced – additional css class, but how I define the class?’
Must I use the # or again the point for the class.
If there is a box to specify the class, you just put the name, no dot or pound, so in this case just mylist
The dot or pound is added when you use the selector name in a rule to specify if it is a class or an ID.
When specifying a selector inside a CSS rule .mylist would mean mylist class, #mylist would mean mylist IDJuly 25, 2019 at 20:04 UTC - Views: 18 #61151
Thank you very much for the quick answer. I will try it tomorrow and I report again.August 8, 2019 at 19:59 UTC - Views: 14 #61286
Thank you very much for the support. It works.
- I put the code
- You must be logged in to reply to this topic.