• Closed
  • Raj
    Spectator
    August 4, 2015 at 9:17 am #19601

    Hi,
    I don’t know what the problem is but I can not get anything other than the slider to go full width on this page: http://shop.theprimaldesire.com/store-front/

    I copied container codes from demo pages, set all the settings for the page the same as what’s on the demo page, but I still can’t get it full width. What am I missing?

    Imran
    Spectator
    Posts: 402
    August 4, 2015 at 5:45 pm #19609

    Hi Raj,

    Thanks for writing in, if you wish to achieve full width for you main area as well, so you can add the following code under Appearance > Theme Options > Custom CSS:

    .alora-row {
    max-width: 100% !important;
    }

    #main {
    padding: 0 !important;
    }

    Thanks.

    Raj
    Spectator
    Posts: 11
    August 5, 2015 at 2:05 am #19641

    Can you explain why the demo page has worked a full width without adding this?
    Is this the reason that the “full width container” wasn’t full width?

    Raj
    Spectator
    Posts: 11
    August 5, 2015 at 4:20 am #19645

    Also, that didn’t make a difference: http://shop.theprimaldesire.com/store-front/

    Raj
    Spectator
    Posts: 11
    August 5, 2015 at 4:24 am #19646

    Sorry, I was wrong, it did work. But I still don’t know why That was needed because the sample page that I had displayed in full width before…

    Raj
    Spectator
    Posts: 11
    August 5, 2015 at 4:36 am #19647

    Also, where do I set the side bumpers so that the box itself remains full width, but have the text/content width controlled?

    Denzel Chia
    Moderator
    Posts: 2656
    August 6, 2015 at 9:42 am #19742

    Hi,

    You should use Full Width Template.
    The Slider is 100% width and Content is width controlled and center aligned.
    Please see screenshot. http://prntscr.com/81fcrq

    Please remove any Custom CSS code that you are not using. It may affect the layout of Full Width Template.

    Thanks!