Tagged: 

Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • July 8, 2019 at 4:41 pm #1116723
    Steve

    Hi Enfold people.

    Using a full screen opener, on a boxed layout
    Is this possible, just for a home page?

    We want to use the boxed layout generally, but it would be nice to use a full screen visual for the landing page…
    If possible, whats the best way to go about it?

    Thank you
    Steve :-)

    July 9, 2019 at 12:58 am #1116813
    Jordan Shannon

    Hey Stevo,

    Do you have a link to the site/page in question. You can possibly use css to break your header out of the box and make it full screen.

    Best regards,
    Jordan Shannon

    July 9, 2019 at 11:09 am #1117010
    Steve

    Hi Jordan – apologies!
    Added into Private below…

    Stevo :-)

    July 10, 2019 at 4:37 am #1117262
    Rikard

    Hi Stevo,

    Thanks for that, please try the following in Quick CSS under Enfold->General Styling:

    .home.boxed {
    width: 100%;
    max-width: 100%;
}

    Best regards,
    Rikard

    July 10, 2019 at 1:44 pm #1117463
    Steve

    Hi Rikard,

    It doesn’t seem to make any difference.
    I should explain the follwing:

    The WELCOME page is set in ENFOLD to be the landing page
    The HOME page is set in ENFOLD to be the BLOG, showing the newest entry.

    I tried changing the home into welcome in the css, but still no change…
    Stevo

    July 11, 2019 at 4:51 am #1117661
    Rikard

    Hi Stevo,

    The Welcome page is your home page, that is why it has the .home class added to it. Where exactly did you put the CSS? It’s working when I try it in my browser.

    Best regards,
    Rikard

    July 11, 2019 at 5:34 pm #1117855
    Steve

    Hi Rikard,

    I have put it in the Quick CSS section.
    I’m viewing from Firefox & Safari latest versions.

    It still shows the boxed version for me…
    Steve

    July 12, 2019 at 7:51 am #1117950
    Rikard

    Hi Steve,

    Please try this instead:

    .home.boxed {
    width: 100% !important;
    max-width: 100% !important;
}

.home #header {
    width: 100%;
    max-width: 100%;
}

    Best regards,
    Rikard

    July 12, 2019 at 2:13 pm #1118094
    Steve

    Thanks so much Rikard.

    Well, that stretched and centred 95% – excellent.
    You’ll see form the screenshots that the header didn’t stretch, and the logo didn’t center.

    Do I need to do anything to the header to make it stretch?
    Also, I am using a separate FOOTER PAGE for the footer. That didn’t stretch either (I suspect as it’s calling a separate page – any workaround?

    Thanks as always
    Steve

    July 13, 2019 at 4:34 am #1118249
    Rikard

    Hi Steve,

    Thanks for the screenshots. Could you give us access to your site so that we can add and check the CSS ourselves please? Otherwise it’s difficult to give you accurate CSS.

    Best regards,
    Rikard

    July 15, 2019 at 10:54 pm #1118974
    Steve

    Yes sure – sorry for the delay!
    Added in private…

    Steve :-)

    July 16, 2019 at 8:14 am #1119074
    Rikard

    Hi,

    Thanks for that, though I’m being blocked by Wordfence. Could you disable that until we have helped you out please?

    Best regards,
    Rikard

    July 16, 2019 at 1:21 pm #1119143
    Steve

    You should be OK now.
    I have unblocked Austria :-)

    July 17, 2019 at 4:54 am #1119378
    Rikard

    Hi Stevo,

    Thanks for the update, please see private.

    Best regards,
    Rikard

    July 17, 2019 at 3:07 pm #1119600
    Steve

    All ready for you Rikard! Sorry about that :-)

    July 18, 2019 at 5:24 am #1119768
    Rikard

    Hi Steve,

    Thanks for that, please check your site now :-)

    Best regards,
    Rikard

    July 18, 2019 at 7:20 am #1119809
    Steve

    That’s a lot better. Thank you. Two short questions:

    1.How did you center the header logo – is it Quick CSS, so it will stay if the theme is updated?
    2. Is it easy/possible to have a different header image for the stretched version homepage?

    Regards,
    Steve

    July 18, 2019 at 7:23 am #1119810
    Jordan Shannon

    Hi,

    1. Yes this update will be preserved in the event of updates.
    2. Its possible, but would require additional coding within a template file that goes beyond the scope of support here. Perhaps a freelancer can develop and if/else statement that can achieve this.

    Best regards,
    Jordan Shannon

    July 18, 2019 at 7:33 am #1119817
    Steve

    OK Jordan. Thank you.
    Can I just ask how the centering was achieved?

    Steve

    July 18, 2019 at 7:36 am #1119821
    Jordan Shannon

    Hi,

    There was a left margin of 50% placed within the layout.css file.

    Best regards,
    Jordan Shannon

    July 18, 2019 at 7:38 am #1119822
    Steve

    Aha! Thank you very much Jordon.
    Case closed :-)

    July 18, 2019 at 7:52 am #1119824
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Using a full screen opener, on a boxed layout’ is closed to new replies.