miggyb

If you mean the ‘Inspect An Element’ feature in Chrome, yes, it has been absolutely essential.

I actually figured this out via Chrome. All I had to do was add the following lines to my child CSS:

.page-id-4 div#main.site-main {
display: none;
}

Problem solved!

Thanks for your response.

Thanks for your responsiveness, and patience.

I don’t think the snippet you linked to is specific enough. I should have specified that I’d like to have a different background image for each page. Right now I’m using a plugin called Background Per Page which generates CSS code as follows:

<style type="text/css">
	body, body.custom-background  {
		background-color: Transparent;
		background-image: url('...page1bg.jpg');
		background-repeat: no-repeat;
		background-position: center;
		background-attachment: scroll;
	}
</style>

The following might work: I’ve found a solution for full-screen-width, even scalable, background image here: https://paulmason.name/item/full-screen-background-image-pure-css-code

How can I modify the plugin-generated CSS code above according to the solution at the link?

Each slide of the slider provided by wordpress is basically a full page image, something over it e.g. caption, button etc, and left/right navigation arrows. I want something like this but for actual pages, not images/slides. So basically in addition to a menu up top with buttons for home, portfolio, contact pages etc, you also have the option to ‘slide’ from one page to the next below.

I did think about what you suggested, two problems with that: (1) slides on a slider only allow a limited number of characters. I want an arbitrary number for full page, including html tags, soundcloud embeds and such. (2) having a slider on each page, the navigation buttons will not allow me to navigate between pages, just on the slider of one page.

I should be able to get the sliding page transition thing working (I think this will work https://www.fasw.ws/faswwp/non-jquery-page-transitions-lightweight/), and I think adapting the slider carousel css from the stylesheet will work for colors and formatting, I just need to be able to stretch my background image to full screen a la the slider. I thought maybe putting min-width=100% in the css, but I don’t know if you can do that for a background image.

Any ideas?