This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Prebuilt Layouts

Open 2 replies customizationpluginplugin-page-builder
Daniel Murphy
9 years ago · Last reply by Alex S 9 years ago

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.

Need fast email support? Get SiteOrigin Premium

Replies

2
  1. Daniel Murphy 9 years, 29 days ago

    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. Alex S Staff 9 years, 28 days ago

    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.

Have a different question or issue?

Start New Thread