Trying to duplicate customized sales page…

Hey Moondreamer21,
Thanks for the links, I have adjusted your new page and added all of the necessary css in a code block on the page, it is not in your Quick CSS, it is in a code block so you can copy it in the future, here it is again:

.html_entry_id_17448 #main { 
	/*size of page*/
max-width: 80% !important; margin: 0px auto !important; 
}
html.html_entry_id_17448 {
/*background of page*/
background: url("https://www.barrelracingtips.com/wp-content/uploads/2018/07/booksbodybg.jpg") #330000 !important; 
}
#top.page-id-17448 #header {
/*remove page header*/
display: none !important;
}
#top.page-id-17448 .container_wrap.title_container {
/*remove title container*/
display: none !important;
}
.html_header_top.html_header_sticky #top.page-id-17448 #wrap_all #main {
/*remove padding*/
    padding-top: 0px!important;
}
#top.page-id-17448 #after_full_slider_1.main_color {
/*remove background-image after slider*/
    background-image: none !important; 
}
@media only screen and (max-width: 430px) { 
/*mobile adjustment*/
#top.page-id-17448 .avia-slide-wrap {
height: 190px !important; 
}
#top.page-id-17448 .avia-slide-wrap img {
    top: 31% !important; 
}
}
@media only screen and (min-width: 431px) and (max-width: 1023px) { 
/*more mobile adjustment*/
#top.page-id-17448 .avia-slide-wrap {
height: 360px !important; 
}
#top.page-id-17448 .avia-slide-wrap img {
    top: 60px !important; 
}
}

Now please note the page id 17448 it is the page id of your new page, if you make another page you will need to change this number in all of the code above.
I also copied the form from your first book page that was in a code block to your new page, just for an example should you want to create a new form in the future, heres the code again:

<form id="optin" class="optin" action="https://www.aweber.com/scripts/addlead.pl" method="post" style="
    width: 100%;position:absolute;
">
<div style="display: none;"><input name="meta_web_form_id" type="hidden" value="1944510671">
<input name="meta_split_id" type="hidden" value="">
<input name="listname" type="hidden" value="stbrsamazon">
<input id="redirect_2f105a715ab5b2b3e16de5031a3d8e13" name="redirect" type="hidden" value="https://www.barrelracingtips.com/free-speed-development-guide">
<input name="meta_redirect_onlist" type="hidden" value="https://www.barrelracingtips.com/already-received">
<input name="meta_adtracking" type="hidden" value="Secrets_to_Barrel_Racing_Success_Free_Gift_Header_Form">
<input name="meta_message" type="hidden" value="1">
<input name="meta_required" type="hidden" value="name,email">
<input name="meta_tooltip" type="hidden" value="name||Name,,email||Email,,custom Amazon Order Number||Amazon Order Number"></div>
<div style="
    width: 100%;
">
<div id="name" class="af2-element" style="
    width: 10%;
    /* max-width: 140px; */
    display: inline-block;
"><input class="text name" tabindex="600" name="name" required="" type="text" placeholder="Name" style="
    background: white;
"></div>
<div id="email" class="af2-element" style="
    width: 10%;
    display: inline-block;
"><input class="text name" tabindex="601" name="email" required="" type="email" placeholder="Email" style="
    background: white;
"></div>
<div id="number" class="af2-element" style="
    width: 20%;
    display: inline-block;
"><input class="text" tabindex="602" name="custom Amazon Order Number" required="" type="text" placeholder="Amazon Order Number" style="
    background: white;
"></div>
<div id="submitbutton" class="af-element buttonContainer newbutton" style="
    width: 10%;
    display: inline-block;
"><input class="submit" tabindex="603" name="submit" type="submit" value="Send it!" style="
    border: solid thin darkgray;
    background-color: lightgrey;
    padding: 10px;
    /* border-radius: 2px; */
    color: black;
    margin: 5px;
    height: 35px;
"></div>
</div>
<div style="display: none;"></div>
</form>

and that should be it, please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear this is helpful, I didn’t remove any Quick CSS, I only copied the css I thought was needed and added it to the code block of this page so that it would be easier for you to copy in the future. So I added this css to the code block, please check.

#top.page-id-17448 #after_full_slider_1 .template-page.content {
	padding-top: 0px !important;
}
@media only screen and (max-width: 425px) { 
#top.page-id-17448 #av_section_1 > div > div {
	padding-top: 0px !important;
}
}

Best regards,
Mike

Hi,
Please try this code in the General Styling > Quick CSS field or in the WordPress > Customize > Additional CSS field:

@media only screen and (max-width: 430px){
#top.page-id-17448 #wrap_all #main .avia-slide-wrap {
    height: auto !important; 
    margin-top: 60px !important; 
}
#top.page-id-17448 #wrap_all #main .av-special-heading-h3.avia-builder-el-2 {
	margin-top: 10px !important; 
}
}

There is a known WordPress issue that it doesn’t always show our builder correctly in the preview, sometimes disabling the block editor and using the Classic Editor solves. I recommend saving your page with the Visibility set to private if you don’t want it visible to the public and checking that way.

For your LearnDash shortcode [course_content course_id="1"] I believe that this shortcode belongs with the Uncanny LP addon, please see here for the list of shortcodes, yet it seems that the LearnDash shortcode is [ld_course_list num="1"] please see here for the list of shortcodes
I don’t have any experience with LearnDash, but this is what my research returned.

Best regards,
Mike

Hi,
That is great news :)

Best regards,
Mike