Getting Started
Contacts
Managing contacts
Contacts Feature Guide
Editing contact records
Adding contacts manually using the Create Contact option
Adding contacts using the Import Bulk tool
Adding contacts using automation
Deleting contacts
Exporting contacts
Arranging order of custom contact record fields
Merge duplicate contacts
Searching for contacts
Getting started with contacts search
Using direct free text search
Using advanced search
Changing order of custom contact search fields
Filtering your search
Common searches used for segments
Managing custom contact fields
Accessing the custom contact fields
Creating custom contact fields
Sample custom field configuration
Enabling a custom field in search
Editing and arranging custom contact fields
Managing tags
FAQs: Contacts
Campaigns
Managing Campaigns
Creating a campaign
Editing a campaign
Disabling or Enabling a campaign
Deleting a campaign
Cloning a campaign
Using campaign tracking token
Campaign Archives
Managing Campaign Leads
DailyStory Campaigns Guide
FAQs: Campaigns
Segments
Managing Static Segments
Managing Dynamic Segments
DailyStory Segments Guide
Viewing the Contacts in a Segment
Disabling and Enabling Segments
Deleting and Restoring Deleted Segments
Archiving and Restoring Archived Segments
FAQs: Segments
Email Marketing
Email Marketing Guide
Create or Edit an Email
Using the Email Designer
Email Designer Widgets
Preview an Email
Manage Senders
Send a Test Email
Sending an Email
Email Sending Guardrails
Scheduling an Email
Send an Email to a Single Contact
Email Designer Advanced Topics
Email Merge Tags
Edit Email HTML, CSS and AMP
Manage Email Revisions
Import and Export Emails
Email Technical Details
Troubleshooting Email Delivery
Bounced Email Guide
How to Warm-Up an IP address
Sending AMP Emails
Email Frequently Asked Questions
Email Designer Frequently Asked Questions
Text Message Marketing
DailyStory Text Message Marketing Guide
Text Message Sending Guardrails
Text Message Deliverability Score
Understanding Text Messaging Costs
Creating or Editing a Text Message
Sending a Test Text Message
Sending Text Messages
Sending a Single Text Message
Text Message Replies Report
Replies to Text Messages
Understanding Text Message Delivery Codes
Setting up Keywords for Text Message Replies
Opting out of Text Messages
Text Message Frequently Asked Questions
Copying a Text Message
Opting into Text Messages
Autopilot Automation
Autopilot Automation Guide
Design an Autopilot Automation
Autopilot Triggers
Autopilot Actions
Autopilot Conditions
View all Autopilot Automations
Autopilot Frequently Asked Questions
Features
File Manager
File Manager Guide
Manage files and folders in File Manager
File Manager Frequently Asked Questions
Landing Pages
Landing Page Guide
Creating Landing Pages Using the Content Gallery
Creating or Editing a Landing Page
Using the Page Designer
Adding a Form to a Landing Page
Editing a Landing Page's HTML and CSS
Landing Page Frequently Asked Questions
Push Notifications
Tasks
Tracking Links
Tracking Links Guide
Create or Edit a Tracking Link
Test a Tracking Link
Tracking Link Advanced Options
Tracking Link Metrics and Reporting
Measure click performance and track link conversions
Tracking Links Frequently Asked Questions
Web Forms
Web Forms Guide
Create or Edit a Web Form
Design a Web Form
Styling your Web Form
Publishing your Web Form
Web Forms Frequently Asked Questions
Popups
Creating Popups
Configuring a Popup's Basic Settings
Configuring a Popup's Display Options
Configuring a Popup's Layout Options
Popup Frequently Asked Questions
Personalization
Personalization Guide
Built in Personalization Tokens
Custom Personalization Tokens
Using Conditional Logic with Personalization
Personalization Frequently Asked Questions
Event Calendar
Magic Forms
Retargeting Pixel
Reports
Reports and Dashboards Guide
Dashboards
Sent Emails Report
Sent Text Messages Report
Sent Push Notifications Report
Web Activity Report
Tracking Links Report
Popups Report
Who is Visiting Report
Paid Search Summary Report
Email OptOut Report
FAQs: Reports
Account Setup and Configuration
Account Settings
Account Settings
Account Settings Frequently Asked Questions
Personal Settings
Personal Settings Frequently Asked Questions
Changing Your Password
Asset Preferences
DailyStory Users
Add a User to a Role
Understanding Role Permissions in DailyStory
Access Control using Roles
Create or Edit a Role
Grant Permissions in the Role
Delete a Role
Remove a User from a Role
Roles and Permissions Frequently Asked Questions
How to Find Your DailyStory Beacon
Install DailyStory Beacon in SquareSpace
Install DailyStory Beacon in WordPress
Manually Add the Beacon
Beacon Frequently Asked Questions
Test Lead
Steps for hosting your own subdomain with DailyStory
Technical Setup Guide
Install DailyStory Beacon in WiX
Integrations
Integrations Guide
How DailyStory integrates with Google Analytics
Mailgun and DailyStory integration
MINDBODY ONLINE and DailyStory integration
MINDBODY Frequently Asked Questions
reCAPTCHA and DailyStory integration
RhinoFit and DailyStory Integration
Salesforce and DailyStory integration
Twilio and DailyStory integration
Twilio Integration Frequently Asked Questions
Verint Community and DailyStory integration
WordPress and DailyStory Integration
Zapier and DailyStory Integration
GoToWebinar integration using Zapier
Slack integration for DailyStory
Campaign Quickstarts
Give Us Feedback
- All Categories
- Features
- Landing Pages
- Editing a Landing Page's HTML and CSS
Editing a Landing Page's HTML and CSS
Updated
by Christy Cook
The Page Designer generates HTML friendly emails based on the Bootstrap templates - these are optimized all major browsers and are mobile (responsive/adaptive) friendly.
HTML and CSS Editor
While DailyStory's Pages Designer enables you to quickly build robust page, more complicated page designs typically start from an HTML base.
As an example, if you have an existing landing page design you wish to use in DailyStory the best way to start is to copy-and-paste the HTML and CSS of that landing page into a new DailyStory page's HTML and CSS.

Editing the HTML of an email is an advanced option. And, emails built with the Email Designer will initially prevent you from editing the email:

However, you can always click "Unlock HTML Editor" to edit the HTML.
Editing the HTML of an email built with the designer may cause the designer to no longer recognize widgets added with the designer.
Editing CSS
While editing the HTML of an email built with the designer is not recommended, the CSS of an email may be editing with no impact to the designer.
Simply click the CSS tab and edit/modify CSS rules for your email.
Important when DailyStory sends your email it merges all the CSS and HTML together. The full CSS is always included in a <style> tag of the HTML body of your email, but DailyStory will also attempt to inline the CSS rules as well. You can preview and email and view the source to see what the fully merged HTML of the email will look like.

- Save and publish
Save the page and click on the permalink at the top to open it in a new browser window.

The page automatically includes the DailyStory Beacon and Google Analytics (if configured).
Advanced Page Configuration
In addition to creating a basic page using the WYSIWYG editor, you can also edit HTML and add custom CSS and JavaScript.
Edit Page HTML
To edit the HTML of you page, click the HTML tab.

The HTML content is automatically inserted in the <body/> of the page.
Custom Head Content
If you want to add style sheets, additional meta tags, JavaScript libraries or other content you can add the HTML in the Custom Headers section.
For example, if you want to use the Bootstrap Framework for building responsive mobile pages in DailyStory, just add the Bootstrap files.

Now Bootstrap's CSS rules update how our page is displayed.
Set Custom CSS Rules
You can add your own style sheet rules to the page by entering CSS in the Custom CSS editor.
For example, to set the font size of the <h1> tag.

Other Resources
- Create a Landing Page using a template from the Content Gallery
- Create or Edit a Landing Page
- Add a Form to a Landing Page
- Frequent Asked Questions about Landing Pages