Breaking out of frames?

If you do some custom CSS you should be able to have full-width components.

Just paste this code into a WordPress plugin like Code Snippets:
add_theme_support("aesop-component-styles", array("parallax", "image", "quote", "gallery", "content", "video", "audio", "collection", "chapter", "document", "character", "map", "timeline") );

Check out the “Utilizing Full-Width Feature” section here:
https://aesopstoryengine.com/developers

Dear Michael,

Thanks for your response. Please understand that I am not very savvy techwise. I did enter your code into the Code Snippets plugin and saved it but it doesn’t seem to want to save it. (When I hit the Manage tab, it says “You do not appear to have any snippets available at this time.”)

Also, I don’t know what custom CSS I should do.

Do you provide any assistance to newbies? ??

You might need to redo the code snippet.

Our docs demonstrate how to do this :).

https://aesopstoryengine.com/developers

Yes, but that page is too intricate for me, I wouldn’t know where to start. Thanks anyway!

Hi again, Michael,

I have one follow-up question if I may. I have asked my technical guy for help; here is his response:

“I have analyzed the “Aesop story engine” plugin features & checked the extended components support techniques, CSS hooks. These components will not function properly without the modification of container classes & design styles. We can’t directly get this full width screen by adding a snippet.

We need to develop / add new CSS rules & make modifications in the respective theme css in order to allow full width components.

We need to fully analyze the active theme containers, screen width components, implement extensions & test it with local system. After that we can make it live.”

Can you confirm that it actually takes all this effort? I appreciate your response!

That theme snippet will not make your components full-width. That goes into theme territory, and your dev is right, it’s going to take some modification of the theme if you want full-width components.

The theme snippet only makes the components themselves styled fully. It’s like buying a house that’s already furnished.

Unfortunately, 99.9% of themes today are done with one central container, so it takes a bit of logic to get around that. There’s no need to do any “analyzing of containers”. Every aesop component has a class .aesop-component and each has a filter that you can add classes to if you need more. It’s pretty easy to set the width on everything BUT Aesop Components.

Here’s how it’s done in Canvas by WooThemes.

https://github.com/AesopInteractive/aesop-woo/blob/master/aesop-woo.css

@rhcdg,

Apologies if my banter was miscommunicated in such a way that you thought that adding the extended style support would make your components full-width.

What Nick said will put you on the right road.