Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #1277408

    hello, i have to transfer a wix site to an wp/enfold site.

    1. but…i can see on the wixsite there is this stretched homepage (https://gvandaal.wixsite.com/mysite) (AND with a background, which is impossible in enfold as far as i know) and second page (https://gvandaal.wixsite.com/mysite/copy-of-verhalen) which is a boxed frame.

    2. another big problem is the menu which is stretched even at the boxed pages
    (https://jmcwebdesign.nl/switch/wp-content/uploads/2021/02/Screenshot_2021-02-03-Home.png)

    before i start to make a lot of hours… is this ( 1 and 2 ) possible in enfold?

    best regards, jelle

    • This topic was modified 3 years, 9 months ago by yampieters.
    #1278396

    Hey jelle,
    Sorry for the late reply and thanks for the links, your wix homepage looks to have the same header background as this demo, this is done with a color section and a background image.
    For the second page, you could just box the page content with custom css, which will leave the header and menu alone.
    Do you have a copy of this site on WordPress that we can see?

    Best regards,
    Mike

    #1278419

    Hello Mike, thanks for the info.
    so , i choose stretched layout? is that right?
    and the other pages i box in with some css , and some ID i guess.
    but how would i do that?
    best regards, jelle

    —–
    by the way, is there a possibility to download this theme, ready as it is, or see the backend of it?

    • This reply was modified 3 years, 9 months ago by yampieters.
    #1278458

    Hi,
    Thanks for the links, the /switch/ page looks correct with the stretched layout, but the /deswichtgids/ page is boxed, please set it to stretched also.
    Then I believe we can use css to “box in” the content part of the page and leave the header and footer alone, sorry if I was not clear about that 🙂

    Best regards,
    Mike

    #1278608

    Hi Mike, thanks a lot.
    the settings are Stretched now for the whole site.
    but nevertheless the homepage does not look really “Stretched” to me
    ( it should look more like this: https://gvandaal.wixsite.com/mysite, i think , for example the title
    “HET ROER OM IN JE CARRIÈRE” should be on one line)

    somewhat later:
    ive managed to get the homepage wider than the other pages, due to a style (“styles”) ive made for the different content sections on the homepage.
    #styles .container { max-width: 1310px; padding: 0; }
    problem is the footer on the homepage which is too far to the middle now. How can i change the footer for only the homepage?

    and i dont know now if it is possible to give the other pages a background…

    best regards, jelle

    nb: about the background, if i put in this code in quick css

    /* background on all pages*/
    #main .main_color {background-image: url(https://jmcwebdesign.nl/switch/wp-content/uploads/2021/02/canvas.png); }
    
    /*background white*/
    #main .container { background: white; }

    im nearly there, if not for the homepage which goes white…and the top of the body is over the full size slide show (the banner), see pic*
    how can i tell enfold to keep only the homepage in original shape? (and get a little wider :) )
    * this is the result: https://jmcwebdesign.nl/switch/wp-content/uploads/2021/02/Screenshot_2021-02-09-jmcwebdesign-nl-–-En-nog-een-WordPress-site.png

    • This reply was modified 3 years, 9 months ago by yampieters.
    #1279119

    Hi,
    Thanks for your feedback, to change the width of the footer & socket only on the homepage, please try this css:

    .home #footer > .container,
    .home #socket > .container {
    	 max-width: 1310px !important; 
    	 padding: 0 !important; 
    }

    I see that you are using the ID styles, #styles, in a few of your color sections for your css, and while this works, I recommend changing these to a custom class because repeating the same ID on the same page can lead to other issues.
    To add the background to the posts only try this css:

    .single-post #main > .container_wrap_first {
    	background-image: url(https://jmcwebdesign.nl/switch/wp-content/uploads/2021/02/canvas.png);
    }

    Best regards,
    Mike

    #1279343

    oke mike, thanks.
    nearly there: the body itself would have to have no background.
    its black text on a white canvas.
    just like the homepage, except that on all other pages at the left and right of the screen the background image will appear.

    what would be the css for body background white on all pages exept the homepage?

    best regards, jelle

    ps:
    ive managed to give ALL pages, including the homepage, a white bodybackground, and a background behind the body.

    /*background white*/
    #main .container { background: white; }

    thats oke for all the pages, but not the homepage, which looks like this than: https://jmcwebdesign.nl/switch/wp-content/uploads/2021/02/Screenshot_2021-02-09-jmcwebdesign-nl-–-En-nog-een-WordPress-site.png
    (as you can see the white canvas is OVER the banner image; not good)

    so, than ive tried to give all other pages a white background by ID but without out result.
    for example , for the contact page, idnr 34, ive tried all below, and maybe some more, but not one worked…

    /*background van de body*/
    .page-id-34.container { background: white !important;}

    page-id-34 .main .container { background: white; }

    page-id-34 #main .container { background: white; }

    html #top.page-id-34 #wrap_all {
    background-color: #ffffff !important;
    }

    .container .page-id-34 {
    background: white;
    }

    .page-id-34 #main .main_color, .page-id-34 #main .main_color .container {
    background: white;}

    • This reply was modified 3 years, 9 months ago by yampieters.
    #1280093

    Hi,

    Thank you for the update.

    To apply a different background to the home page, set the initial background to white as you have done previously.

    /*background white*/
    #main .container { background: white; }
    

    Then apply a custom background to the home page like so.

    /*background black for home*/
    .home #main .container { background: black; }
    

    Make sure that the home css code is below the first one.

    Best regards,
    Ismael

    #1280101

    Hello Ismael, thanks, but the homepage should not be black.
    it should also be white, UP TILL the upper banner, the full width slider. (one has to see the banner, the photo).
    now the white background (or now black) is covering the slider…which is not good. the picture should be visible.

    • This reply was modified 3 years, 9 months ago by yampieters.
    #1280340

    Hi,
    Sorry for the late reply, I disabled the previous css and added this css:

    .single-post #main > .container_wrap_first > .container {
    	    background-color: #fff;
    }

    Now your homepage and the “other pages” are looking correct, please clear your browser cache and check.

    Best regards,
    Mike

    #1280385

    Brilliant Mike, thanks!!
    as far as im concerned this ticket can be closed.
    best regards, jelle

    #1280391

    Hi,
    Glad we were able to help, we will close this now. Thank you for using Enfold.

    For your information, you can take a look at Enfold documentation here
    For any other questions or issues, feel free to start new threads in the Enfold forum and we will gladly try to help you :)

    Best regards,
    Mike

Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘stretched homepage’ is closed to new replies.