40% OFF EVERYTHING
Our 10th BIRTHDAY SALE
Buy Now

Supreme home page with Elementor

This topic contains 7 replies, has 3 voices, and was last updated by  jotomas 4 years, 8 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • August 5, 2019 at 6:24 am #501274

    jotomas
    Buyer
    Post count: 802

    Hello,

    I am trying to redesign the home page with Elementor.

    I want to get a full width page, but the default and GD templates do not allow it.

    If I set the Elementor Full Width template, that is the only one allowing full width, the GD Hero header with the featured image, Search box and Categories do not show.

    How I could get the home page GD Hero header to show in a home page made with Elementor and its full width template?

    I look forward to your reply.

    Thank you very much once again for your help.

    Best regards.

    August 5, 2019 at 8:09 am #501292

    Alex Rollin
    Moderator
    Post count: 27815

    Supreme’s full width page has margin and padding, so you will want to remove that with your own custom CSS if you want true 100% full width. You can find examples if you search the forum.

    August 5, 2019 at 10:58 am #501337

    jotomas
    Buyer
    Post count: 802

    Hi Alex,

    Thank you very much for your response.

    CCS Code in this thread helped to get what I wanted:

    https://wpgeodirectory.com/support/topic/margins-for-supreme-directory-v2-full-width-page-template/

    Best regards.

    August 5, 2019 at 2:49 pm #501396

    jotomas
    Buyer
    Post count: 802

    Hi again Alex,

    The CCS code from that thread:

    .page-template-page_full-width .container, .page-template-page_full-width .container .elementor-container {width:100%!important;max-width: 100%!important;}

    makes full width both the body and the footer.

    Is there some way to make full width only the body and keep the original footer width?

    I look forward to your reply.

    Thank you very much once again for your help.

    Best regards.

    August 5, 2019 at 5:23 pm #501450

    Kor
    Moderator
    Post count: 16516

    Hi jotomas,

    Thanks for your reply. Could you please undo the changes and let me check on it?

    August 5, 2019 at 6:04 pm #501451

    jotomas
    Buyer
    Post count: 802

    Hi Kor,

    Thank you very much for your reply.

    Ok, I removed the CSS.

    I look forward to your news.

    Thank you very much once again for your help.

    Best regards.

    August 6, 2019 at 6:21 am #501520

    Kor
    Moderator
    Post count: 16516

    Hi jotomas,

    Thanks for your reply. Ok, try using this custom CSS code below. 

    .page-template-page_full-width #home-scroll{
    width:100%!important;
    max-width: 100%!important;
   
    }
    August 6, 2019 at 7:08 am #501532

    jotomas
    Buyer
    Post count: 802

    Hi Kor,

    Great!

    Thank you very much.

    Best regards.

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket