PS: Would it be possible with Gravity or Ninja forms?

PLease see link below

OK. Thanks.

You can close it.
Thanks.

Just checked it on an i phone 6. The progress bars which have a long sentence are overlapping.

Tried it on 2 different browsers. Worked both times.

All good.
Didn’t update the actual page as well.

xxxx

So easy when you know what to do. Many thanks.

Wow. Absolutely perfect! Thank you so much.
My client will be very happy!

Is there any way to change the sub titles to the same font as the main title?
I had to import Chiller text – used Use any Font.
Was able to change the top to Chiller but the smaller sub heading could not.

Here is a screenshot of what she wants.

https://i.gyazo.com/3f5f6d3db2231eab979e5d47b3f90d40.png

Hi Rikard. Sorry for all the questions but have a cranky client.
As well as moving the caption more to the top she requires that the words in the Grampians ( second & third images in the full screen slider ) be in the same font as the H2 title above.
The font is Chiller and I have used Use Any Font to install it. It allows you to assign the font to certain elements. The words in the Grampians don’t seem to be H3, H4, H5 or H6 so I don’t know how to assign the Chiller font?

http://www.kangaroosinthetoppaddock.com.au

Hi Rikard.
My apologies.
My client would like the title to be the same distance from the left of the page and from the bottom of the header.
It’s about 350mm from the left at the moment ( sorry for the carpenter’s measure! )
Can I have some css to move it up so it is 350mm from the bottom of the top header?

Mark.

Hi Guenni.
Almost there I think.
Thank you for all your help.
I have removed both grid rows and added both lots of css you gave me.

.page-id-117 #after_section_1::after {
content: ” “;
display: block;
height: 15px;
width: 100vw;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
background-repeat: none;
background-position: center top;
background-size: 100vw 15px;
}

.page-id-117 #after_submenu::after {
content: ” “;
display: block;
height: 15px;
width: 100vw;
background: rgba(0, 0, 0, 0) -moz-linear-gradient(left center , #604b66 0%, #604b66 33%, #937522 33%, #937522 66%, #d6a83e 66%);
background: -webkit-linear-gradient(left, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
background: linear-gradient(to right, #604b66 0%,#604b66 33%,#937522 33%,#937522 66%,#d6a83e 66%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#604b66′, endColorstr=’#d6a83e’,GradientType=1 );
background-repeat: none;
background-position: center top;
background-size: 100vw 15px;
}

I now have one grid at the bottom but not at the top.

Mark.

It worked! Have a grid row on the bottom now.

Many thanks.

Have a problem now.

Added that code. It didn’t work. Removed it but the page is now broken.

or put in your price-table in a 1/1 container – this will make the trick to have the sidebar besides that Container.

This didn’t work.