--- title: How to Import Bricks Templates Pack ACSS (Another Easy Way) description: "Set Website Permalink Settings ## **Step 1** ###### Step 1.1 -> Go to Settings -> Permalink and set post name and save ![](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-1-1024x432.png) ## **Step 2** ###### Step 2.1 -> Go to Plugins and add below plugins > [Classic Widgets](https://wordpress.org/plugins/classic-widgets/)…" url: "https://brickslibraryplus.com/docs/how-to-import-bricks-templates-pack-acss-another-easy-way/" updated: "2025-04-09" category: Bricks Templates Pack ACSS --- # How to Import Bricks Templates Pack ACSS (Another Easy Way) Set Website Permalink Settings ## **Step 1** ###### Step 1.1 -> Go to Settings -> Permalink and set post name and save ![](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-1-1024x432.png) ## **Step 2** ###### Step 2.1 -> Go to Plugins and add below plugins > [Classic Widgets](https://wordpress.org/plugins/classic-widgets/) [“Classic Widgets” — Plugin Directory](https://wordpress.org/plugins/classic-widgets/embed/#?secret=MTvwHfOCx3#?secret=lCdWVfgooq) > [Widget Importer & Exporter](https://wordpress.org/plugins/widget-importer-exporter/) [“Widget Importer & Exporter” — Plugin Directory](https://wordpress.org/plugins/widget-importer-exporter/embed/#?secret=XcduavtVJA#?secret=bXNVr0aU8r) > [WordPress Importer](https://wordpress.org/plugins/wordpress-importer/) [“WordPress Importer” — Plugin Directory](https://wordpress.org/plugins/wordpress-importer/embed/#?secret=ruZRMA9xOi#?secret=hyb7ggiKts) ![](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-2-1024x443.png) ## **Step 3** ###### How to Install XML File ? ###### Step 3.1 -> Go to Dashboard > Tools >Import -> WordPress -> Install Now ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Flooring-Services-Import-1.webp) ###### Step 3.2 -> After Install Click on "Run Importer" ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Flooring-Services-Import-2.webp) ###### Step 3.3 -> Set XML file to imports data ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Flooring-Services-Import-3.webp) ###### Step 3.4 -> Go to "Bricks Flooring Services Template Pack" Folder and see "XML Files" Folder ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/04/brickslibraryplus-acss-structure.png) Once you open XML Files Folder you can see **"bricks-flooring-services-template-pack.xml "** file for upload to wordpress tools options. folder and you can see below files ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Bricks-woo-xml-file.png) ###### Step 3.5 -> Open "Bricks Flooring Services Layouts Pack" Folder and see"XML" Folder and select "bricks-flooring-services-layouts-pack.xml" file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/) ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-4-1024x391.png) ###### Step 3.6 -> Click On "Submit" Button ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Woo-Plugin-17.webp) ###### Now XML Data is Imported. ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Woo-Plugin-18.webp) ###### After click on submit it will take few minutes. once data import successfully go to pages and you can see all pages an templates also. ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/Woo-Plugin-19.webp) ###### Go to Settings -> Reading and set Home Page ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-7-1024x451.png) ###### Now import blog detail page sidebar widget data ## **Step 4** ###### Open "Bricks Flooring Services Layouts Pack" Folder and see "ACSS" Folder and open "ACSS.txt" file and copy all code.[[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/) ###### Step 4.1 ->Now Go to Dashboard > Automatic CSS > Import & Export > Paste ACSS.txt File here ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/04/Automatic-CSS-‹-Bricks-Flooring-Services-Layouts-Pack-—-WordPress.png) ###### Step 4.2 -> After Paste ACSS.txt file on Imports & Export Options kindly Click on "Update Framework Settings" to Save Changes. ###### Now import blog detail page sidebar widget data ## **Step 5** ###### Open "Bricks Flooring Services Layouts Pack" Folder and see "Widget" Folder and open "bricks-flooring-services-layouts-pack-widgets.wie" file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/) ###### Step 5.1 -> Go to Dashboard > Tools > Wordpress Importer & Expoter > Import -> Imports Widget -> Select Widget File or Copy code as mentions below image ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-8-1024x448.png) ###### Step 5.2 -> After Copy code or upload widget file Click on "Import Widgets" ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-9-1024x451.png) ###### Step 5.3-> If widget data install successfully then you will get below screen ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-10-1024x435.png) ## **Step 6** ###### Go to Bricks -> Settings and see Import Settings button ###### Step 6.1 -> Open "Bricks Flooring Services Layouts Pack" Folder and see "Bricks Settings" Folder and Seelct "bricks-settings.json" file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/) ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-11-1024x435.png) ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-12-1024x432.png) ###### Step 6.2 -> Go to Pages and Open Home Page with bricks ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-13-1024x452.png) ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-14-1024x474.png) ###### Step 6.3 -> Go to Theme Styles and click on ‘+’ Icon ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-15-1024x474.png) ###### Step 6.4 -> Now Click on Import Icon ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-15-1024x474.png) ###### Step 6.5 -> Open “Bricks Flooring Services Layouts Pack” Folder and see “Theme Global” Folder and Select “bricks-theme-style-px_fs__theme__style.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/)/h6> ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-17-1024x474.png) ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-18-1024x474.png) ###### Step 6.6 -> Once file is imported then select that global style and save ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-19-1024x474.png) Now in theme style go to color tab ## **Step 7** ###### Step 7.1 ->Now in theme style go to color tab.Open primary color and see ‘+’ Icon see Number 4 ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-20-1024x474.png) ###### Step 7.2 -> Click on Import Icon ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-21-1024x474.png) ###### Step 7.3 -> Open “Bricks Flooring Services Layouts Pack” Folder and see “Color Palette” Folder and Select “bricks-color-palette-px_fs__color__set.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/) ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2024/07/Bricks-Templates-Bricks-Templates-Pack-22-1024x474.png) ###### Now Save and close your website is ready. Add css class default & variable file from Css Class Folder ## **Step 8** ###### Step 8.1 ->Click on classes/variable button as mention below image ![](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-1.png) ###### Step 8.2 -> -> Now click on Classes tab and Click on Import Icon ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-2.png) ###### Step 8.3 -> Open “Bricks-Flooring-Services-Template-Pack” Folder and see “Css Class” Folder and Select “bricks-css-classes.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/) ![](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-3.png) ###### Now Save. ###### Step 8.4 ->Now click on variable tab and Click on Import Icon ![](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-4.png) ###### Step 8.5 -> Open “Bricks-Flooring-Services-Template-Pack” Folder to see “Css Class” Folder and Select “bricks-css-variables.json” file [[ Downloaded Product Folder Structure ]](https://brickslibraryplus.com/docs/downloaded-product-folder-structure/) ![Bricks Template](https://brickslibraryplus.com/wp-content/uploads/2025/02/brick-css-class-import-5.png) ###### Now click on Save to imports variables classes .