Can you help us?
]]>after_setup_theme
action I have added the following lines to tweak the editor style a little bit:
add_theme_support( 'editor-styles' );
add_editor_style( 'assets/css/block-editor/editor-style.css' );
Now the crazy thing is that in that CSS file in I add like:
.wp-block {
max-width: 726px;
}
That works fine and I can see that happening. But if I try to do conditional styling based on post type like this:
body.post-type-page .editor-styles-wrapper .wp-block,
body.post-type-notices .editor-styles-wrapper .wp-block {
max-width: 1100px;
}
body.post-type-post .editor-styles-wrapper .wp-block {
max-width: 726px;
}
This does not work. I don’t know why. WP Admin Simply doesn’t pick up the conditional style beside setting up global style. Does anyone know how can I do conditional styling in the editor-style.css
?
The “Preview Area” image on left shows my changes and is correct. However, the preview image in right sidebar does not show the changes. It still shows the default Monochrome Light form without my custom changes.
I have clicked “Update Style” button at bottom, then clicked the blue Update wordpress button also, then clicked the “Go to CF7” button and copied the shortcode for Contact Form 1 that I’m editing, pasted in to my page, saved everything – but the form showing on my Contact page is the original default Contact 7 form. It is not the Monochrome Light template styling, nor does it have the additional custom styling I added in the Style tool. Any idea what I’m missing?
I’m building locally, using Flywheel, but here is the Flywheel live link (to my Contact page where I’m using form), hopefully it works for you. It times out after some time.
https://bf9e2c3b.ngrok.io/contact/
… after uploading my pic under my cPanel…maybe I put the pic in the wrong place? I uploaded it to the root directory. Now, however, after I changed it back, it no longer shows grey in the background…it’s all white??? I’m really confused…
I know absolutely nothing about CSS, so I already tried following the instructions under the CSS guide, and changed:
/* body
————————————————–*/
body {
color:#464646; /*#333;*/
background:#666666
margin:0;
to:
/* body
————————————————–*/
body {
color:#464646; /*#333;*/
background-image:url(‘wood2byvenom339.jpg’)
margin:0;
Thanks in advance for any help anyone can provide!
]]>