Home FAQ

8 questions answered

WP Responsive

Answers pulled from across 4wp.dev — plugins, architectures, development, jobs, and audience guides. Powered by the 4WP FAQ registry.

4WP Responsive

Can I use custom spacing values?

Yes. Presets use named utility classes; arbitrary values use a has-forwp-*-custom class with a CSS variable (for example --forwp-padding-top-mobile: 150px) instead of inline styles.

Do I need a custom block?

No. The plugin extends blocks that already support spacing, typography, and alignment — such as Heading, Paragraph, Group, and List — via sidebar controls.

Does it add JavaScript on the front end?

No. Output is limited to utility CSS classes and CSS variables. A single generated stylesheet handles responsive rules — no front-end script dependency.

How does it use theme.json?

Spacing and font-size presets are read from the active theme’s theme.json. Breakpoints can be defined in settings.custom.breakpoints; when present, they override plugin defaults and lock conflicting admin fields.

Is 4WP Responsive on WordPress.org?

Not yet. The plugin has not been submitted to the official WordPress.org directory. Install and review the source from the GitHub repository.

What happens if I deactivate the plugin?

Block content remains intact. Responsive utility classes and variables stop applying, so layouts may look different — but no block markup is destroyed. This is by design for a safe fallback.

What is 4WP Responsive?

4WP Responsive adds Desktop, Tablet, and Mobile controls for spacing, visibility, font-size, and text alignment on core Gutenberg blocks — through the block inspector, without custom blocks.

Where is the generated CSS stored?

By default under wp-content/uploads/4wp-responsive/, cached with a content hash. You can override the storage path in Settings → 4WP Responsive if your deployment requires a fixed location.

Still have questions?

Reach out via contacts or explore the plugin docs if you are building with 4WP FAQ yourself.