Dojo Digital

This plugin adds a textarea to the Customize page that allows theme editors to write, preview, and implement CSS code in real time. 
It also includes a frontend CSS editor window with live preview capability.

Live CSS Preview

Live front-end and Customizer CSS editing powered by native WordPress Additional CSS storage.

Oliver Campion

<h4>Options for Twenty Seventeen</h4>
This plugin is for Twenty Seventeen theme, please see our other plugins for <a href="https://wordpress.org/plugins/options-for-twenty-nineteen/" title="Twenty Nineteen" rel="ugc">Twenty Nineteen</a>, <a href="https://wordpress.org/plugins/options-for-twenty-twenty/" title="Twenty Twenty" rel="ugc">Twenty Twenty</a>, <a href="https://wordpress.org/plugins/options-for-twenty-twenty-one/" title="Twenty Twenty-One" rel="ugc">Twenty Twenty-One</a> and <a href="https://wordpress.org/plugins/template-editor/" title="Block Themes" rel="ugc">Block Themes</a> like Twenty Twenty-Two and Twenty Twenty-Three.
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/uJ7vVdvQHBo?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
This plugin adds the following modification options to the default WordPress theme Twenty Seventeen …
General Options
<ul>
<li>Fixes bug that pixelates the home page featured images on iPads.</li>
<li>Fixes bug preventing cropping of logos larger than 250px x 250px.</li>
<li>Fixes jumpy parallax effect in IE11.</li>
<li>Change the max width of the whole page.</li>
<li>Change the background colour of the site.</li>
<li>Add a border to the whole page.</li>
<li>Remove link underlines or add underlines to widget unordered lists.</li>
<li>Show images in search results.</li>
</ul>
Header Options
<ul>
<li>Change the width of the site’s header.</li>
<li>Remove the header video play / pause button.</li>
<li>Set colour of site logo, title and description background.</li>
<li>Remove header link hover opacity.</li>
<li>Align the site branding to the center or right.</li>
<li>Align and style the site title and description.</li>
<li>Automatically fix the YouTube full width, responsive and play / pause button bugs.</li>
<li>Remove the grey gradient background from the bottom of the cover image.</li>
<li>Change the height, color and opacity of the grey gradient background from the bottom of the cover image.</li>
<li>Remove the grey header background.</li>
<li>Force the cover image to retain its aspect ratio or to take on the same style as pages.</li>
</ul>
Navigation Options
<ul>
<li>Prevent the main menu from moving after the page has loaded.</li>
<li>Change the width of the main menu.</li>
<li>Change the width of the main menu when sticky.</li>
<li>Remove the “Menu” text from the mobile hamburger menu button.</li>
<li>Choose a background image for the main menu.</li>
<li>Style the background image on the main menu.</li>
<li>Remove the main menu padding.</li>
<li>Increase the main menu link padding.</li>
<li>Align and style the main menu.</li>
<li>Change the colours in the main menu.</li>
<li>Rotate the arrow in main menu items with sub menus.</li>
</ul>
Content Options
<ul>
<li>Remove the main menu scroll down arrow.</li>
<li>Change the width of the site’s content.</li>
<li>Change the background color of the site content.</li>
<li>Add the Blog Sidebar to pages.</li>
<li>Reduce the space at the top of the content below the navigation.</li>
<li>Change the width of the border at the bottom of featured images.</li>
<li>Align and style the Page, Post and Archive titles.</li>
<li>Align and style the Post Meta.</li>
<li>Reduce the space below page titles.</li>
<li>Choose a colour for links and hover links in the content.</li>
<li>Hide links to tags and categories in single posts.</li>
<li>Hide the post navigation.</li>
</ul>
Footer Options
<ul>
<li>Change the width of the site’s footer.</li>
<li>Change the width of the border at the top of the footer.</li>
<li>Change the colour of the footer (background, titles, text, links).</li>
<li>Remove the “Proudly powered by WordPress” text displayed in the website footer and replace with content of widget sidebar.</li>
<li>Shortcode [social-links] to show the social network menu in your content.</li>
</ul>
Color Options
<ul>
<li>Option to set a paragraph color</li>
<li>Option to set a heading color</li>
</ul>
Don’t see what you want?
Request a feature in the <a href="https://wordpress.org/support/plugin/options-for-twenty-seventeen/" title="Support Forum" rel="ugc">Support Forum</a>!
Premium Options
The following options area available for users who have upgraded to the premium plugin …
<ul>
<li>Add a widget area below page titles.</li>
<li>Enable featured images on front page section blog.</li>
<li>Add “Back to top” links.</li>
<li>Fix the “Back to top” link to the bottom right of the browser window.</li>
<li>Add “True Parallax” effect or remove “Parallax” effect on front page section featured images.</li>
<li>Force blog and search pages to display as one column.</li>
<li>Add more sections to your static front page.</li>
<li>Set the height of the frontpage section parallax images.</li>
<li>Add anchor links to static front page sections into your menus.</li>
<li>Prevent loading of Google font Libre Franklin to increase page speed.</li>
<li>Choose and style a page backgroumd image.</li>
<li>Auto excerpts of posts on home page and archive pages.</li>
<li>Set the maximum number of words for the excerpt.</li>
<li>Reset Tag Cloud widget styles to defaults.</li>
<li>Set the height of the home page header image.</li>
<li>Use featured image as header image and show full size header image.</li>
<li>Hide header image on all but the home page.</li>
<li>Hide site branding (title and description) on all but the home page.</li>
<li>Add a widget sidebar to the header area.</li>
<li>Hide YouTube video until loaded.</li>
<li>Pause YouTube video on user scroll.</li>
<li>Disable looping of mp4 header video.</li>
<li>Add “True Parallax” effect to the cover image on the front page.</li>
<li>Use Nivo Slider, SlidersPack or MetaSlider instead of the cover image on the front page.</li>
<li>Add Nivo Slider captions overlay with links.</li>
<li>Move or copy the site logo to the main menu.</li>
<li>Animate the site logo in the main menu on just the home page or on all pages.</li>
<li>Move the main menu to the top of the custom header.</li>
<li>Fix the mobile menu to the top of the screen.</li>
<li>Increase or decrease the mobile menu responsive breakpoint.</li>
<li>Align the navigation menu hamburger to the left or right.</li>
<li>Align the navigation menu items to the center, right or justified.</li>
<li>Align the navigation logo to the left, center or right.</li>
<li>Animate / bounce the scroll down arrow at the end of the main menu.</li>
<li>Hide the Blog Sidebar widget area for small screens.</li>
<li>Match the height of the Blog Sidebar and main content.</li>
<li>Change the width of the Primary Content area.</li>
<li>Change the width of the gap between the Primary Content area and the Blog Sidebar.</li>
<li>Swap around the Primary Content area and the Blog Sidebar for desktop or mobile.</li>
<li>Implement Yoast SEO Breadcrumbs on single posts and pages.</li>
<li>Show the caption of a featured image on top of the image.</li>
<li>Change the font size and weight of the featured image captions.</li>
<li>Move post featured image into content area.</li>
<li>Hide post featured images on archive pages.</li>
<li>Hide post dates.</li>
<li>Remove post author from posts.</li>
<li>Remove “Category:” and “Tag:” from Archive titles.</li>
<li>Show page content on posts page.</li>
<li>Add a third or fourth footer widget sidebar.</li>
<li>Change the opacity of the footer background color.</li>
<li>Additional social icons for Amazon, BookBub and goodreads.</li>
<li>Fix social links to the left or right on larger screens.</li>
<li>Make the social menu links square.</li>
<li>Colour the social menu links with their brand colours.</li>
<li>Hide featured images on single posts and pages.</li>
<li>Hide sidebar on single posts and pages.</li>
<li>Show child pages as panels like the home page.</li>
<li>Hide titles on single posts and pages</li>
</ul>

Options for Twenty Seventeen

Adds powerful customizer options to modify all aspects of the default WordPress theme Twenty Seventeen.

Live CSS Preview vs Options for Twenty Seventeen