Blockquote CSS issues

An issue I have with the blockquote appearance with the Newspaper theme is how large it is, which looks awful with long quotes. So I added the following code for CSS, which rectified some of the issue on the front-end:

.td-post-content blockquote p {
color: black !important;
text-transform: none !important;
font-size: 17px !important;
line-height: 30px !important;
text-align: left !important;
font-weight: 500 !important;
}

However, on the backend editing side, blockquotes are still unmanageable and very large. How do I make them appear properly with the CSS edits I made, but for the editing side?

Example: https://i.imgur.com/URVcmx8.jpg
Front end: https://i.imgur.com/AKKXkUp.jpg

Additionally, switching to Newspaper retroactively made bullet point lists within quotes in previous posts aligned to the center, like so: https://i.imgur.com/uVOBic2.jpg

How do I fix this? If I manually go into edit the post and align the bullet points to the left, then the appearance I want is achieved, but I can’t do that manually thousands of posts that were already on the website.

I did change those settings in the theme panel (https://i.imgur.com/wfs9bFC.jpg), but they were not enough (such as the inability to change the color from blue to black), so I had to add additional CSS.

However, yes, that is for the front end and what bothers me right now is the backend. I’m not sure what CSS I would have to change for that, but if there isn’t any, then I can make due with typing things outside of quotes for now and then wrapping them in block quotes when they’re done.

But this does not address the bullet point issue, which I would need fixing. How do I automatically align all bullet point lists to the left instead of to the center in previous blockquotes that were created in past posts? The presentation the new blockquotes forced isn’t what I want.

Sorry if I wasn’t clear, but that is not the issue. I want the bullet points to be left, but the problem is how Newspaper made all of the bullet points inside of a blockquote aligned to the center instead of to the left, like how it originally was before.

1. From the front end, you can see the the text associated with the bullet points is aligned to the center, with unnatural spacing from the bullet points they’re associated with. e.g.: https://i.imgur.com/zFkdoE2.jpg

2. You can see that the same issue persists in the back end. e.g.: https://i.imgur.com/FTd0rGl.jpg

3. When I highlight the text with the bullet points and click on “Align Left,” the text repositions itself appropriately, right next to the bullet points, which is what I want. e.g.: https://i.imgur.com/VUPitrL.jpg

4. You can see that the issue is now fixed on the front end as well, which is how I want it to look. I do not want the bullet points gone, but I want them to stay, and for the text to be aligned to the left next to them and not floating in the center. e.g.: https://i.imgur.com/tZo4Bmj.jpg

5. The problem is that I cannot go through thousands of post to fix this issue for every bullet point list that was placed in a blockquote before I purchased Newspaper and replaced my theme with it. How do I make sure all of the text in bullet point lists from previous posts are automatically aligned to the left?

Example of a post on the website with the bullet point issue within quotes.

Tried adding this among other CSS modifications, and it didn’t fix the issue:
.parent {
text-align: left;
}
.parent > .td-post-content blockquote ul {
display: inline-block;
}

That fixed the issue, thanks. I’ll need to find a way to also change the big blue font within quotes on the backend, but I can at least manage with it until then.

I’ve attempted to make this CSS change, but it does not work. Would it have something to do with the fact that I’m using the classical editor? This is what I see when I inspect the element: https://i.imgur.com/AVsIFSq.jpg

And this is what the Custom CSS field under the Theme Panel looks like: https://i.imgur.com/oTDlYgc.jpg

Despite specifying that the color should be black, it still indicates “#4db2ec” on the editor side. I would also like to not transform the text in the blockquotes, and reduce the font size among other things.

Sorry for needing to message again, but there’s definitely something wrong. This is what I’ve done:

1. Made changes to the exact location in the editor-style.css file: https://i.imgur.com/QIrZwQv.png
2. Deleted the WP-Super Cache cache (and deactivated the plugin as well later on).
3. Tried three different browsers, and an incognito Chrome browser so that cookies would not be a factor.
5. The result is always the same: https://i.imgur.com/NQvCfmf.jpg
6. However, when I ask a contributor to the website (and not an administrator/keymaster like I am) to see how the quotes appear when they’re creating a new post, the changes are reflected properly.

Would you know why that is?

Also, this is how looking at the page source code looks, and it does not reflect the editor-style.css change I made: https://i.imgur.com/QfUF3sK.jpg

Wait, never mind, thanks for your help. I finally see the changes, after about an hour since the change was made to the editor-style.css file. I’m not sure why it took that long when I had deleted the cache numerous times between the changes and verified in so many other spots, but I guess this means that the changes are at leat instated, though delayed.