Home>Support>Prebuilt Layouts

Prebuilt Layouts

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hello All,

I am trying to build a straight forward, simple, Sales Letter using SiteOrigin widgets.
Only it is not so simple. maybe somebody coud help me with this?

I have come up with one only it will only work on a desktop. See it here:

https://www.screencast.com/t/SYOWTcwxQ1lU

I am using the North theme. As you can see I used 150px padding to make it look like a proper Sales Letter. This will screw up on mobile devices.

I first installed a row and added the Layout Builder widget to which I added the SiteOrigin Editor widget. I was now dealing with three different levels of code – Messy.

I would like to make a request for a prebuilt layout sales letter.

Almost everybody working online will need a salespage at some stage in their online business. there is no easy way to do it with SiteOrigin.

Thank You

Danny

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 8 years, 5 months ago Daniel Murphy

    Update:

    I changed padding to percentage and it works better. now how to I connect the footer area to the bottom of Sales letter without it going full width?

    Anybody able to help?

    Thanks
    Danny

  2. 8 years, 5 months ago Alex S
    Hi, I Work Here

    Hi Daniel,

    Do you have a public URL where we can take a look at your current setup?

    If you haven’t already installed it, you’ll need to install the SiteOrigin CSS plugin, which gives you a full CSS editor. Once you’ve got that installed, please navigate to WP AdminAppearanceCustom CSS and add the following CSS:

    blockquote {	position: relative;	color: #9E9E9E;}blockquote:before {	position: absolute;	top: 0;	left: -60px;	color: #dddddd;	color: rgba(0, 0, 0, 0.1);	content: "\201F";	font-size: 100px;}

    This CSS will add a quotation next to the blockquote and it’ll change the text color – be sure to adjust the color to your liking. If you need a tool to help you generate color hex’s, here’s one.

Replies on this thread are closed. Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More