Simple Long Form and custom style: a CSS selectors list

The plugin Simple Long Form, developed for WordPress, permits to use a custom CSS field, at the bottom of the form, to further personalize the style of a longform.

The settings options give already a bunch of possibilities but they are designed for general uses. For a particular purpose (and advanced users), CSS selectors can be retrieved via the source code. They are now documented below for ease. For those who have a bit of trouble with CSS code but who want to dive into it, there are many online resources, including the excellent W3Schools.

Intro

• Loading page: .loader
• Inside the loading page: #inner
• Title of the intro screen: .title h1
• Trigger button: button .trigger
• Main title on a video: .bloc_title_top or h1 .bloc_title_top

Progress Bar / Fixed Bar

• Progress bar: #progression
• Progress bar path: #barre
• Fixed bar: .navbar-fixed-top or .navbar-fixed-bottom (depending on settings)
• Social Network Icons: see FontAwesome icons, ex. .fa-twitter

Sections Contents

• Author: #author
• Pictures (author): #photos
• Date: #date
• Subtitle: .subline
• Lead: .chapo
• Intro text: .intro_text
• Section title: .section_title
• Title of a particular section: # sec1_title, # sec2_title, etc.
• Dropcap: .dropcap
• Text framed (via Bootstrap): .well, .panel, .jumbotron
• Titles elements: from h1 to h5
• Title on a video: # block_title_1, # block_title_2, and so on.
• Horizontal line: hr
• Caption of a section image: .caption_img_slf
• Quotes: blockquote
• Button: .btn or .btn-slf

Download Simple Long Form