Compare commits
4 Commits
dcb2eadbbf
...
49c56f9db0
| Author | SHA1 | Date |
|---|---|---|
rayelliott
|
49c56f9db0 | |
|
rayelliott
|
1f860d06a5 | |
|
rayelliott
|
8888d0ca0b | |
|
rayelliott
|
0e546d6aa9 |
|
|
@ -12,23 +12,32 @@
|
|||
*/
|
||||
|
||||
function roomwithavw_custom_add_scripts() {
|
||||
wp_register_script( 'roomwithavw-custom-script', plugins_url( 'assets/js/index.js', __FILE__ ), ['jquery-ui-datepicker'], '1.0', true );
|
||||
wp_register_script( 'roomwithavw-custom-script', plugins_url( 'assets/js/index.js', __FILE__ ), '', '1.0', true );
|
||||
wp_enqueue_script( 'roomwithavw-custom-script' );
|
||||
|
||||
wp_enqueue_style( 'roomwithavw-custom-styles', plugins_url( 'assets/css/style.css', __FILE__ ), '', '1.0' );
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'roomwithavw_custom_add_scripts' );
|
||||
|
||||
function roowitahvw_dequeue_scripts() {
|
||||
wp_dequeue_script( LAYERS_THEME_SLUG . '-map-api' );
|
||||
wp_deregister_script( LAYERS_THEME_SLUG . '-map-api' );
|
||||
// wp_dequeue_script( LAYERS_THEME_SLUG . '-map-trigger' );
|
||||
// wp_deregister_script( LAYERS_THEME_SLUG . '-map-trigger' );
|
||||
}
|
||||
add_action( 'wp_enqueue_scripts', 'roowitahvw_dequeue_scripts', 99 );
|
||||
|
||||
|
||||
function roomwithavw_custom_enquiry_form() {
|
||||
?>
|
||||
<p class="lead">
|
||||
We are family run business that enjoys liaising with our clients to ensure we provide the best experience. For this reason, unlike regular camper van hire companies, we are not using an online calendar booking system as we believe it takes away from the personal touch we strive to maintain.
|
||||
</p>
|
||||
<p class="lead">
|
||||
We are family run business that enjoys liaising with our clients to ensure we provide the best experience. For this reason, unlike regular camper van hire companies, we are not using an online calendar booking system as we believe it takes away from the personal touch we strive to maintain.
|
||||
</p>
|
||||
|
||||
<p class="lead">
|
||||
Fill in the form below and one of our team will be in touch with you shortly.
|
||||
</p>
|
||||
<div class="enquiry-form wpcf7" role="form" dir="ltr">
|
||||
<p class="lead">
|
||||
Fill in the form below and one of our team will be in touch with you shortly.
|
||||
</p>
|
||||
<div class="enquiry-form wpcf7" role="form" dir="ltr">
|
||||
<div class="screen-reader-response" aria-live="polite"></div>
|
||||
|
||||
<!-- <form action="https://mailthis.to/mailthis@gabbaell.co.uk" method="post" class="wpcf7-form" novalidate="novalidate"> -->
|
||||
|
|
@ -59,8 +68,8 @@ Fill in the form below and one of our team will be in touch with you shortly.
|
|||
<p><input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" /></p>
|
||||
<div class="wpcf7-response-output wpcf7-display-none" aria-hidden="true"></div>
|
||||
</form>
|
||||
</p>
|
||||
</div>
|
||||
<?php
|
||||
</p>
|
||||
</div>
|
||||
<?php
|
||||
}
|
||||
add_shortcode('rwavw-capsule-enquiry', 'roomwithavw_custom_enquiry_form');
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
body.rwavw-custom {
|
||||
@media (min-width: 766.98px) {
|
||||
#faq > .layout-boxed {
|
||||
@media (min-width: 766.98px) and (min-height: 650px) {
|
||||
.widget.rwavw-custom > #faq > .layout-boxed {
|
||||
position: relative;
|
||||
bottom: 18rem;
|
||||
}
|
||||
}
|
||||
|
||||
.wrapper-content > .layers-pro-accordion {
|
||||
.wrapper-content > .layers-pro-accordion.rwavw-custom {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
|
||||
|
|
@ -39,7 +39,13 @@ body.rwavw-custom {
|
|||
color: #4a5568;
|
||||
}
|
||||
|
||||
@media (min-width: 766.98px) {
|
||||
@media (min-width: 766.98px) and (min-height: 650px) {
|
||||
.accordion-row {
|
||||
margin-top: -30rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 766.98px) and (min-height: 850px) {
|
||||
margin-left: 15px;
|
||||
margin-right: 15px;
|
||||
|
||||
|
|
|
|||
|
|
@ -0,0 +1,133 @@
|
|||
body.rwavw-custom {
|
||||
|
||||
.widget.rwavw-featured {
|
||||
h2 {
|
||||
color: red;
|
||||
}
|
||||
|
||||
> .fg {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
.pure-g {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
> .pure-u-1 {
|
||||
flex: 0 0 100%;
|
||||
|
||||
&:nth-child(2n) {
|
||||
background-color: rgba(#000, 0.05);
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-bottom: 1.5rem;
|
||||
font-size: 2.5rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
img {
|
||||
max-width: 46em;
|
||||
}
|
||||
|
||||
> .row {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
> div {
|
||||
// flex: 0 0 50%;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 63.98em) {
|
||||
|
||||
&:nth-child(2n) {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 64em) {
|
||||
&:nth-child(2n) {
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
// TODO set using theme - how?
|
||||
color: #b0b0b0;
|
||||
background-color: #272729;
|
||||
|
||||
a {
|
||||
color: #fff;
|
||||
font-weight: 600;
|
||||
opacity: 0.8;
|
||||
|
||||
&.button-social {
|
||||
color: #fff;
|
||||
&.btn-massive > i {
|
||||
font-size: 24px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
h2, h3, h4, h5, h6 {
|
||||
color: inherit;
|
||||
font-size: 2.4rem;
|
||||
font-weight: 400;
|
||||
line-height: 22px;
|
||||
letter-spacing: 0.75px;
|
||||
margin: 0 0 22px;
|
||||
}
|
||||
|
||||
.section-title .heading + .excerpt {
|
||||
margin-top: 22px;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0 0 22px;
|
||||
|
||||
&:last-child {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.footer-widgets {
|
||||
.widget.invert,
|
||||
.section-title.invert,
|
||||
widget *:not(:link) {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
> .pure-g > .pure-u-1 {
|
||||
padding: 44px 22px 0;
|
||||
}
|
||||
|
||||
.section-title {
|
||||
margin: 0 0 22px;
|
||||
}
|
||||
|
||||
.content-vertical-massive {
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
// FIXME temp fix - why happening in first place??
|
||||
.scroll-in-animation {
|
||||
animation: none;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,9 +1,50 @@
|
|||
@import "featured";
|
||||
@import "contact";
|
||||
@import "faq";
|
||||
|
||||
#top-nav .ext-nav-toggle,
|
||||
.state2 body.rwavw-custom .page-border.top {
|
||||
@media (max-width: 767px) {
|
||||
height: 40px !important;
|
||||
}
|
||||
}
|
||||
|
||||
body.rwavw-custom {
|
||||
#top-nav .logo {
|
||||
margin-top: 16px;
|
||||
#top-nav {
|
||||
.nav,
|
||||
.logo {
|
||||
float: none;
|
||||
}
|
||||
|
||||
.logo {
|
||||
margin-top: 0;
|
||||
|
||||
.sitename {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
opacity: 0.9;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.top-nav-inner {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
|
||||
&::before,
|
||||
&::after {
|
||||
content: none;
|
||||
}
|
||||
|
||||
> .logo {
|
||||
order: 5;
|
||||
}
|
||||
|
||||
> .nav {
|
||||
order: 10;
|
||||
}
|
||||
}
|
||||
|
||||
.custom-logo-link img {
|
||||
|
|
@ -15,21 +56,67 @@ body.rwavw-custom {
|
|||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.page-border.bottom::after {
|
||||
.widget.rwavw-boxed {
|
||||
width: calc(100% - 80px);
|
||||
max-width: 1160px;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
.page-border {
|
||||
background-color: #fff;
|
||||
|
||||
&::after {
|
||||
content: '';
|
||||
display: block;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
bottom: 100%;
|
||||
left: 0;
|
||||
|
||||
background: linear-gradient(
|
||||
to top,
|
||||
rgba(#000, 0.1),
|
||||
rgba(#000, 0)
|
||||
);
|
||||
background-color: rgba(#000, 0.03);
|
||||
}
|
||||
|
||||
&.top::after,
|
||||
&.bottom::after {
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
&.bottom::after {
|
||||
bottom: 100%;
|
||||
background-color: rgba(#000, 0.05);
|
||||
}
|
||||
|
||||
&.top::after {
|
||||
top: 100%;
|
||||
}
|
||||
|
||||
&.left::after,
|
||||
&.right::after {
|
||||
width: 1px;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
&.left::after {
|
||||
left: 100%;
|
||||
}
|
||||
|
||||
&.right::after {
|
||||
right: 100%;
|
||||
}
|
||||
|
||||
@at-root html.state2 .page-border.left::after {
|
||||
top: 60px;
|
||||
}
|
||||
|
||||
@at-root html.state2 .page-border.right::after {
|
||||
top: 60px;
|
||||
}
|
||||
}
|
||||
|
||||
.page-border.bottom::after {
|
||||
bottom: 100%;
|
||||
}
|
||||
|
||||
.page-border.bottom::before {
|
||||
content: '';
|
||||
display: block;
|
||||
|
|
@ -39,6 +126,18 @@ body.rwavw-custom {
|
|||
top: 100%;
|
||||
left: 0;
|
||||
|
||||
background-color: rgba(#000, 0.9);
|
||||
background: linear-gradient(
|
||||
to left,
|
||||
rgba(#000, 0),
|
||||
rgba(#000, 0.9) 32px,
|
||||
rgba(#000, 1) 50%,
|
||||
rgba(#000, 0) 50%
|
||||
), linear-gradient(
|
||||
to right,
|
||||
rgba(#000, 0),
|
||||
rgba(#000, 0.9) 32px,
|
||||
rgba(#000, 1) 50%,
|
||||
rgba(#000, 0) 50%
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue