I created a new custom style in the Style Generator, and set the vertical bar (on the left) for block quotes to be either zero width or cleared or transparent, but it displays as a blue line. I can change the text to italic, and that works and displays, but I can't seem to get rid of the vertical bar.
(I also noticed that typing a base font size doesn't change the size, you have to use the up/down arrows to change it.)
Am I just doing it wrong?
You're not doing anything wrong at all. Both of these are actual quirks in how the Style Generator handles theme defaults and live inputs:
Many of the base typography themes set their blockquote border using a shorthand border-left rule with preset accent colors (often blue or teal), as well as responsive overrides. When you set the border width to 0 or transparent, the theme's default shorthand can still linger in the generated stylesheet.
Quick Fixes:
Via Custom CSS: Click the Custom CSS button in the sidebar and paste:
#wrapper blockquote {
border-left: none !important;
}
Or use the Blank theme: In the Theme dropdown at the top, select Blank. This gives you a completely clean foundation without any inherited borders, colors, or theme-specific quirks.
18px or 1.2em), the browser discards the text. Typing just the raw number (e.g. 18) will work.Let me know if you run into any other trouble with your custom style. I'm going to make some tweaks to the generator to try to avoid these issues in the meantime.
