Welcome

This code snippet library features advanced modifications you can make to customize your Squarespace 5 site. While we do not provide custom programming support, we've assembled the following guides as a reference to help you get started.


HTML Guide

CSS Guide

Javascript Guide

Monday
Jan232012

Style Text In Form Pages and Widgets

Example: Style text in form pages or widgets to your preference. 

Note: The following CSS will style text in all form pages or widgets throughout your site. To target specific pages or widgets you will need to predicate your code with the module page or section content ID number. To learn more about setting specific rules and targeting or modifying selectors, refer to the CSS Guide.  

 

/* Customize Form Field Title Text */

.form-body .fieldTitle {
    color: #000000;
    font-size: 20px;
    padding: 10px 0;
}

/* Customize Form Data Text */

.form-body .text {
    color: #666666;
    font-size: 14px;
    padding: 5px 0;
}

/* Customize Form Help Text */

.form-body .fieldHelp {
    color: #333333;
    font-family: Georgia,'Times New Roman',serif;
    font-size: 10px;
    font-style: italic;
}

 

« Remove the Site Title Link | Main | Style Podcast Enclosure Links »