Simplpost Support Forum

What phone are you using? Is it Android or iOS (iPhone)?

---

That's easy. You can add a custom form to any page that will collect email addresses automatically. Just add a form like shown on the Help page. You don't have to do anything else. The email collection feature is built-in.

And then you can download a .CSV file with the email addresses or view the list on your Account page.

---

Right now the easiest way to do this is add this text anywhere on a page:
[social]

You can put it in a body of text and Simplpost will automatically convert it to the icons on the published version of the page.

Or add the [social] code into a new Widget. Then you can drag & drop it around as a widget anywhere on the page.

---

That type of page layout with a responsive design is called "The Holy Grail". That's because it's what lots of people want, but it's very tricky to get it to work properly.

This is a little more advanced web design. So you will have to enable "Show advanced CSS/HTML options" under the General preferences part of the Customize style menu.

Then on the page you want to have this layout you need to insert this CSS code Page options:

#main {
padding-left: 400px; /* LC width */
padding-right: 150px; /* RC width */
max-width:100%;
}
#main .common {
position: relative;
float: left;
}
#section {
width: 100%;
}
#column1 {
width: 400px; /* LC width */
right: 400px; /* LC width */
margin-left: -100%;
padding-left:12px;
}
#sidebar {
width: 150px; /* RC width */
margin-right: -150px; /* RC width */
float:right;
padding-right:12px;
margin-left:-12px;
}
#footer {
clear: both;
}
/*** IE6 Fix ***/
* html #column1 {
left: 150px; /* RC width */
}
.heading1container, .columnbody, .postbody{
width:95%;
}
#trash-can {
display: none;
}
@media screen and (max-width: 990px){
#column1 {
display:none;
}
#main {
padding-left:0;
}
}
@media screen and (max-width: 780px){
#sidebar {
display:none;
}
#main {
padding-right:0;
}
}


And then the right sidebar content will be HTML code that goes inside the "HTML at bottom end of main content" blank (second to last HTML input):

<div id="sidebar">
RIGHT SIDEBAR CONTENT GOES HERE
</div>

You can customize the "LC width" values to adjust the width of the left sidebar. And adjust the "RC width" to adjust the width of the right sidebar. The above settings have the left sidebar disappear on screens less than 990 pixels wide. And the right sidebar disappears at 780 pixels wide. So on mobile phones you will just see the center column's content. You can adjust those values too.

And you can also apply this page layout to your entire site by doing the same thing, but add the code to the Additional CSS and HTML part in Customizing style for the entire site.

---

There's three ways to add new pages.

1. If you want the page to show up in the navigation bar for the entire site, then go to the Navigation pages menu under the first tab for Overall site design. You can add, remove and name all those pages there.

2. You can add a new page inside any existing page by clicking Add content and then New page. For example: to add a new blog post to your blog, simply browse to your blog and click the button to add it there. You can insert new pages anywhere on your site.

3. This way is a little more advanced, and isn't fully worked into the user interface at the moment. It allows you to build a new standalone page that is not automatically linked to or displayed on other site pages. You browse to the home page of your admin interface and add "new.html" onto the end of the URL. Going to that page will allow you to create a new page and save it there. You can then note its new URL and link to it from anywhere.

---

Yes, it's in the works!

---

All of the color settings for your entire site are located in the Overall design tab (top left one).

---

Also if you just want to change the colors on one page, you can set a custom color palette under Page options. Then any saved color palettes can be loaded on any other page as well for reuse.

---

This is just a test of the commenting system with some CSS code.

.section {
margin-top: 26px;
}
#sort-list {
margin-top: 47px;
}

This has just been a test...

---

Just another test post.

---