[Resolved] CSS and ID


  • Author
  • #5545


    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


    Andrew Misplon

    Hi Nube

    If you add a class name there must be no period, for example:


    You 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: 20px

    It’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? 🙂


    Andrew Misplon

    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.



    Thanks 🙂


    Andrew Misplon

    For sure.

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

Scroll to top