Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 29, 2020 at 6:59 pm #1189041
    Dundee

    Adjust the width of each block – having a hard time figuring this out. I even hired a developer from WP Tangerine and seem to be having difficulty doing this. So If I have a full page image on the home page at the top and I want to have another block of images, but not full page and white space on either side, how do I do that ? Is it possible to have a full side to side block or images and then scroll down and have another block that doesn’t stretch side to side ?

    March 1, 2020 at 10:25 pm #1189265
    Mike

    Hey Dundee,
    Thanks for the links, so on your ski page I see you have a full width slider, then 3 smaller images, then a full width gray text block.
    So I make the 3 image section have a max-width 80% with margin auto to center them. In between the images and the slider was a white area so I hide it to look better, but feel free to adjust to suit.
    Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

    #homepage-section-overlay {
	max-width: 80%;
    margin: auto;
}
#after_full_slider_1 {
    display: none;
}

    After applying the css, Please clear your browser cache and check.
    Please see the screenshot in Private Content area of the Expected results.

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.