Instructions

1 - Change theme accent color:

Once you have installed Pixel, you can change accent color by using the built in theme design customizer. Documentation on how to use this core functionality can be found here.


2- Enable Transition Loader:

Dashboard > Pages & Theme > Pixel Options > General > General

 

3- Fav, Apple Touch Icons:

Dashboard > Pages & Theme > Pixel Options > General > General

 

4- Boxed layout

Dashboard > Pages & Theme > Pixel Options > General > General

 

5- Add you own CSS styles without loosing them on next update:

There is a file at name '\packages\theme_pixel\themes\pixel\css\less\custom.dev.less.tmp', duplicate and rename it to 'custom.dev.less', then place all your custom css rules in it.

 

6- Change main Navigation style:

Dashboard > Pages & Theme > Pixel Options > Header > Navigation

 

7- Change Header Type:

Dashboard > Pages & Theme > Pixel Options > Header > Navigation

 

8- Dark Header:

Dashboard > Pages & Theme > Pixel Options > Header > Navigation

 

9- Add label to a Navigation item:

Add "Navigation Label" atribute to page you want to have label. You can also change the label color at 

Dashboard > Pages & Theme > Pixel Options > Header > Navigation > Navigation Label Color

 

10- Change Header Type:

Dashboard > Pages & Theme > Pixel Options > Header > Navigation

 

11- Add & Setup Search Icon:

Dashboard > Pages & Theme > Pixel Options > Header > Main Search

 

12- Change/Disable Page Title Area:

Dashboard > Pages & Theme > Pixel Options > Header > Page Title Area

 

13- Dark Footer:

 Dashboard > Pages & Theme > Pixel Options > Footer > Footer 

 

14- Add "Back to top" button:

 Dashboard > Pages & Theme > Pixel Options > Footer > Footer 

 

15- Footer Ribbon:

 Dashboard > Pages & Theme > Pixel Options > Footer > Footer 

 

16- Add Cookie Disclaimer:

 Dashboard > Pages & Theme > Pixel Options > Footer > Cookie Disclaimer

 

17- Change Slider height:

Dashboard > Pages & Theme > Pixel Options > Blocks > Image Sliders

 

18- Change Font Family:

  1. First include your fonts at \theme_pixel\themes\pixel\css\presets\fonts\defaults.less
  2. Then change font-family at \theme_pixel\themes\pixel\css\less\variables.less

 

19- Manually Change theme styles:

Change styles at \theme_pixel\themes\pixel\css\less\variables.less


20- Setup Comin Soon page:

change page type template to "Coming Soon", then edit page properties like timer and background image at Dashboard > Pages & Theme > Pixel Options > Pages > Coming Soon. You can also add blocks like Content and Social Icons via page editing ui.

 

21- Change menu style

Menu styles are changable globally or per page. For changing it globally edit Dashboard > Pages & Theme > Pixel Options > Header > Navigation > Menu Style. For changing it per page use each page Navigation Style attribute.

 

22- CTA below slider (Full Width)

On edit mode, click on block: Design & Custom Template >  Cog Icon > Block Container Class > Disable Grid Container

 

23- Add additinal "Main" Areas

Set "Main Area Number" page attribute