CUSTOMIZR THEME
INTRODUCTION
Customizr is an another popular theme of WordPress that support, Menu, Image slider, and Feature image (Image circle share that can link with an URL)
Customizr theme mostly used to create several types of responsive website for (Portfolio, Membership, Blogs and E-commerce sites)
Add Social Sites (Twitter, Facebook, etc.) Icons
1. Open site in editing mode.
2. Click on "Cutomize"
3. Click on "Global Settings"
4. Click on "Social Links"
5. Now insert social media link URL and save the modification.
How To Create Menu In Customizr Theme
1. Create menu pages.
2. Point to "Appearance" and click on "Menu"
2. Create Menu by any name.
3. Add pages in menu.
4. Open site in Customization mode
5. Click on "Header"
6. Click on "Navigation Menus"
7. Change the default menu settings and save the changes.
Add Images In Main Slider
1. Open Customizr site's dashboard.
2. Click on "Media" and add any image.
3. Click on "Edit more details"
4. Make yes to "Add to a slider"
5. Enter button text and change other settings.
6. Enter a new slider name and click on "Add a slider" button.
7. Now open the site and click on "Customize"
8. Click on "Content: home, posts"
9. Click on "Front page"
10. Replace your slider with "Demo Slider" under "Slider Options"
HOW TO CHANGE FEATURED IMAGE
1. Create pages for "Featured page" circles
2. Open the site and click on "Customize"
3. Click on "Content: home, posts"
4. Click on "Front page"
HOW TO REMOVE PAGE TITLE
1. Open the website's dashboard.
2. Point to "Appearance"
3. Point to "Customize"
4. Click on "Advanced options"
5. Click on "Additional CSS"
6. Now paste and save the following code.
.page .entry-title {
display:none;
}
CHANGE PAGE BACKGROUND COLOR
1. Download and install "Simple Custom CSS" plugin.
2. Point to "Appearance" and click on "Custom CSS"
3. Now paste the following code.
body{
background: orange;
}
Code To Change Header Background Colour
header.tc-header {
background-color: red ;
}
Code To Change featured page background
.round-div {
border-color: orange;
}
Code To Remove Grey Bar (Bwt. Header & Page)
header.tc-header {
border-bottom: 0;
}
Code To change 'Gray Bar' width & colour
header.tc-header {
border-bottom: 4px solid red;
}
0 Comments