Viewing 2 replies - 1 through 2 (of 2 total)
  • I have the same question… Is there an answer? ??

    I can style my WYSIWYG widget using CSS by inspecting the HTML source code on my site page to find the div that contains my widget and adding the CSS to my theme CSS file. For example, in div ez-home-top-1 I have a WYSIWYG widget in which I style the header text thus:

    #ez-home-top-1 h1 {
    	font-family: Helvetica, sans-serif;
    	font-size: 60px;
    	font-weight: bold;
    }

    If I want to target a specific widget, the WYSIWYG widgets seem to be given Section Ids based on a generic string (wysiwyg_widgets_widget-) and sequential numbers 1, 2, 3… For example:

    #wysiwyg_widgets_widget-2 h1 {
    	font-family: Helvetica, sans-serif;
    	font-size: 60px;
    	font-weight: bold;
    }
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘can you use CSS code with your widget block’ is closed to new replies.