Home Forums ASE Support ASE not full width

This topic is: not resolved

Tagged: 

This topic contains 3 replies, has 3 voices, and was last updated by  Hyun Supul 1 month, 1 week ago.

Viewing 4 posts – 1 through 4 (of 4 total)

  • Author

    Posts

  • #20425

    Reply


    richarddias

    Participant

    Hey All.

    Im trying out ASE, love the idea and how it looks. However when I build a story, none of the components are full width. They just appear in the blog post like a normal blog post. Did I miss something obvious?

    I’ve disabled gutenberg, because im one of those
    using ASE plugin for wordpress
    Newspaper Theme
    also has WP Bakery PageBuilder active.

    #20426

    Reply


    Hyun Supul

    Keymaster

    Hi if you are using a theme that does limit the width of the articles/posts, then ASE components will be limited to the width set by the theme. Here is a guide that shows how to customize your theme to support full width.

    How to Turn Your Theme Full Width

    There were some inquiries in past about enabling full width ASE components while using the themes that limit the width of the article. It’s technically possible, but there are many potential issues. For example, your theme may be using the rest of the horizontal space for other purposes. Should ASE simply cover those contents? There weren’t perfect answers. If you have some thoughts on this feel free to let me know.

    Hyun

    #20541

    Reply


    efaden

    Participant

    I’m in a similar boat. I’m using Twenty Fourteen and using the Custom CSS at the bottom to make the theme full width.

    I read the tutorial above. I replaced my CSS with the Custom CSS at the bottom of the tutorial but no luck (and is the CSS in the tutorial cumulative? There’s three examples of CSS in the tutorial but I’m assuming each subsequent example replaces the previous example since it’s addressing a problem).

    The main issue I’m having is using ASE Parallax gallery which loads the images much larger than the page width (and thus cropping the image). Playing with the width variable in the Edit Gallery panel has no effect.

    Is there some CSS that I should add to mine to make the Parallax work? Any and all help is greatly appreciated.

    The custom CSS I’m using to fix Twenty Fourteen width:

    /** Fix strangely narrow defaults of 2014 theme */
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content,
    .post-navigation,
    .image-navigation,
    .comments-area {
    max-width: 100%;
    }

    #20886

    Reply


    Hyun Supul

    Keymaster

    SOrry for the late reply but the following code may help. There is no magic bullet when finding the right codes. You just have to keep at it until you have the right codes.

    .site-header,
    #page,
    .site-content,
    .site-content .entry-header,
    .site-content .entry-content,
    .site-content .entry-summary,
    .site-content .entry-meta,
    .page-content,
    .post-navigation,
    .image-navigation,
    .comments-area {
    max-width: 100%;
    width:100%
    }

    .site-content {
    margin-left:0;
    }

    .site::before {
    z-index:0;
    background:transparent;
    }

    #secondary {
    display:none;
    }

Viewing 4 posts – 1 through 4 (of 4 total)

Reply To: ASE not full width