- This topic has 5 replies, 2 voices, and was last updated 7 years, 5 months ago by
.
- Posts
A very simple question, sorry for the question but I am a newbie with wordpress and visualbuilder. What’s the best place to add css for the object like widget, row and column? is it better to edit the css file (using a child theme as I am doing right now) or is it better to use the property fields of the visual editor? And speaking about the visual editor (the layout builder widget) when you edit an object (row, column or whatever it is), there are two properties, i have the options in italian so I’ll do my best to translate them in english: “widget’s class” and “css styles“. If I add a class to a widget using the “widget’s class“, have I to give the name using this syntax: “.class_name” (with the dot) or simply this way?: “class_name“
Hi Nube
If you add a class name there must be no period, for example:
my-class-nameYou can then target that class in your child stylesheet or Custom CSS plugin:
.my-class-name { color: red; }If you use the CSS Styles field you must only write declarations (property and value) with no
;. For example:color: red font-size: 20pxIt’s easier to use class names and there will be a wider application. Using your browser’s code inspector is very important in the process, especially if your rules don’t take effect.
Hope this helps.
ok thanks, so the best way is to assign a name using the widget’class and then style it in the css file of the child theme, right? 🙂
Yes, that gives you the most flexibility and also a wide application. You can make a change in one place and have it impact many widgets/pages in the future.
You must be logged in to reply to this topic.