Page width stretched by a long line of code

Hi, @digihunch! This seems to be a CSS issue that’s not working well with your theme. Have you checked if the issue persists on another theme?

In any case, please see if adding the following CSS works for you:

.syntaxhighlighter {
    max-width: 850px;
}

Hi @dcka thank you for your response.

1. I tried a different theme and the issue doesn’t appear. So I agree with you that this appears to be an issue with the very theme i was using.
2. I tried the CSS and it works when I added it to the theme. It doesn’t work when I add it to plugin’s additional CSS.
3. I also tried the following, .syntaxhighlighter {max-width: 100%;} which doesn’t work regardless where I add it to.

@digihunch,

I tried the CSS and it works when I added it to the theme. It doesn’t work when I add it to plugin’s additional CSS.

You should be able to add it to your site within the theme Customizer — Appearance > Customize > Additional CSS. That would be preferable compared to adding it to your theme’s files, if that’s where you’ve added it. This way, if there is a theme update, the custom CSS will remain applied to the site.

Hi @a11n

Thanks and that’s what I did (in theme – customize – additional CSS). sorry for not making it clear.

Thanks for letting us know. Because this issue is specific to the theme you’re using, I’m not able to assist further, as the CSS in every theme is a bit different. Your theme creator maybe able to help you to identify why the CSS you’re adding to the theme isn’t working as expected. I encourage you to reach out directly to them and share what you’ve shared with us here for further assistance.