15% off on any product use coupon "freedom" Need Help Contact us

Republic WordPress Theme Setup and Documentation

Installation

Before we start anything make sure take backup files and database of current state to prevent any problem in future we are not responsible for any damage you made later.

Minimum Requirement:

PHP Version 5+
MySQL Version 5.1+
WordPress 3.x or later
eCommerce Plugins Woocommerce

Installation:

Download theme file from My Account – Download section https://www.insertcart.com/my-account/ (If you are having any problem in download then contact us) after download upload main theme your-theme-file-name.zip via FTP or WordPress upload. As ftp software you can use Filezila or any other ftp client. if you are upload via WordPress upload then navigate to:

This slideshow requires JavaScript.

After login into website Dashboard > Appearance  > Theme > Add New > Upload Theme > Choose file > Install now.  After successful upload Activate the theme.

In any case if you get error like theme file or folder already exist then you need to remove previous version first.

This slideshow requires JavaScript.

Please Note: You must disable any caching plugin (like: w3tc, wp super cache) while setup theme because result might have some delay or not visible.

Also for first time setup you should restore default theme option to prevent any error or wrong value saved on database.

Some of option doesn’t work for Free Version of theme user you need to Pro Version of theme to work all these options Purchase here

Please Note: Some Times we update theme and Add or move options.

Table of Content
Free Version Setup

To access Customizer navigate from top admin bar Or Just go to Dashboard > Appearance > Customize

After Customizer open settings display like these.
Republic theme customizer

  1. Site Identity: Put here site description and website favicon.
  2. General Settings: Here Background Color or Images, Website Logo, Custom CSS,
  3. Advertise:  Put yours custom ads code or script on TOP Header, Below Navigation and Single post
  4. WooCommerce: All settings related to WooCommerce an eCommerce plugin goes here.
  5. Social Profile: Put your social website profile or page link here.
  6. Popular/ Latest Post Widget: Show these widget on sidebar,
  7. Theme Settings: All settings related to theme main features goes here like, News Ticker, QR Codes Generator, Featured Area, Front page Customization, Navigation and colors,
  8. Slider: Settings related to slider goes here.
  9. Color: Change header color.
  10. Header Image: Set image for your website header area.
  11. Menu : Choose navigation menu for top floating menu option or Primary menu.
  12. Widget choose widgets for your website sidebar and footer
  13. Static Front Page: Set front page of your website.
Pro Theme Setup

 

Pro Users Theme Options Panel with more control

To Access Theme Options Navigate to Dashboard > Appearance > Theme Options

Basic Settings

Basic Settings Republic

Front Page

front-page-republic

Slider Settings

Slider Republic

Social Profile

solia-profile-republic

Colors

color-customize-repblic

Advance Settings

advance settings-republic

 

Set Category on Front Page

Free Users – You need to navigate to Dashboard > Appearance > Customizer > Main Index Page > Front Page Customize > Here select category check or uncheck to hide or show it change color you wanted

Pro Users – You need to navigate to Dashboard > Appearance > Theme Options > Front Page [tab] > Here you can select category, Choose to show or Hide theme , Easily change color, select up 8 category, Don’t forget to save option

How to Add a Logo?
Go to Dashboard > Appearance > Customize > Site Logo, Title & Tagline.  
Images Thumbnail on post

If you like to display thumbnail or featured image on post then you can set it while creating or editing post just click on “Set Featured Image” from bottom right side

Read full tutorial here

Create and Add Menu

Before you create your menu for this theme, make sure your pages/sections have been created already. This way they will be available to be inserted into the menu.

Follow this steps to create a menu:

  • Go to Appearance> Menus in the main admin menu.
  • At first you will probably need to add a menu (create a menu), give it a name and click Save Menu.
  • The new menu will appear in a tab in this location. Click on this tab to begin adding menu items.
    Use the dialog boxes on the left hand side of the page to add items to your menu.
  • Select the master page you created as well as all of the sub sections or child pages and click “Add to Menu”.
  • Now you can drag the newly inserted menu item to their correct sequence and rename their titles if required.
  • After you have added and edited the menu items click Save Menu in the bottom of this area.
  • Adding the menu to the theme

Finally you will need to specify the location for this menu.  Select menu for Primary, Main or Footer menu and check box where you want to display it and click Save Menu.

Selection Post and Page Layout

You can select individual post or page layout style from any post while editing or creating new post, by selection style from right side as shown in picture

Selecting layout

 

If you want to change layout of whole website then go to Theme Options and change layout from there if you selected single post then it will not overwrite settings.

Adjust width of content and sidebar in theme files

For this first please take backup of theme, Because you need to change in core files, Edit theme file in RepublicPro folder > Layouts > Files with names like file-Left.php [left sidebar], filetyoe-right.php[Right sidebar], filetype-center.php[center content], filetype-full.php[no sidebars] (if you choose center which means content to center and sidebars on both sides change that).

We have uses grid system in files to separate and define size of diff. area, Lets edit center layout. Index-center.php file

Here sidebar left

small-12 medium-3 large-3

Middle Content

small-12 medium-6 large-6

Right Sidebar

small-12 medium-3 large-3

How this works :
Small screen small-12 [Full width]Medium screen medium-6 [Half screen]Large screen large-3 [4th part of screen]

in a row total must be 12 which is full width like

large-4 + large-4 + large-4
or
large-3 + large-2 + large-7

Read this tutorial to understand better Foundation docs

 

Changing Main Menu Bar Size

To change main menu bar size in Theme you need to use a small CSS code

First login to Dashboard > Appearance > Customize > Additional CSS > copy paste below code and adjust padding:

.main-navigation a {
padding: 12px !important;
}

You can also change menu size from theme’s style.css file just search for above code and increase or decrease padding. You may need to clear cache after updating themes code.