Toolset allows you to add Custom CSS styling to your templates, archives, and Views.
You can add custom CSS to Toolset elements directly from the Block Editor. On the front-end, this styling loads only for those elements and not globally.
Steps for adding CSS to a Content Template
- Go to Toolset → Content Templates and click the Content Template you wish to edit.
- In the right sidebar, scroll to the CSS editor section with a text area for entering your code.
Steps for adding CSS to a WordPress Archive
- Go to Toolset → WordPress Archives and click the archive you want to edit.
- In the right sidebar, make sure you’re on the WordPress Archive tab.
- Expand the Custom CSS and JS section and paste the code into the Custom CSS text area.
Click the pencil icon to open a pop-up dialog for more convenient pasting and editing of your custom code.
Steps for adding CSS to a View
- Edit the page, or a template, with the View you want to add CSS to.
- Select the View in block navigation.
- In the right sidebar expand the Custom JS and CSS section and paste the code into the Custom CSS text area.
Click the pencil icon to open a pop-up dialog for more convenient pasting and editing of your custom code.
Related topics
- Filtering Custom Lists of Posts
- Filtering Toolset Views by Dates
- Enabling Legacy Version of Toolset Views
- Displaying Images with Toolset
- Styling Custom Searches
- Styling a Site Header and Footer
- Styling Views and Archives
- Styling Single-post Templates
- How to Design and Choose Images and Illustrations
- Choosing and Applying Colors in Your Site
- Using Typography for Better Website Readability
- WordPress Site Identity
- Where a WordPress Sites Design Comes From
- Passing Arguments to Views
- Adding Custom JavaScript to Views, Templates and Archives
- Display Dynamic Sources Inside all Text Blocks
- YouTube Videos with Advanced Options
- Displaying Form Data
- Styling Front-End Forms
- Displaying a List of Posts on A Map
- Creating a Hero Section
- Creating Sliders with Dynamic Post Content
- Adding Dynamic Content to Your Homepage
- Creating a View
- Creating a Custom Archive Page
- Creating Responsive Columns and Grids
- Creating Responsive Designs
- Advanced Styling with Container Blocks
- Display Content Conditionally
- Using Third-Party Hidden Fields
Feedback an unser Dokumentationsteam senden