Codepress Pro

Thank You for using our theme.


Codepress Pro is created using latest HTML5 and CSS3 features, with responsive design works great in any device. Has a complete set of pages and features with lots of options and flexibility for your business.

This is Codepress Pro theme instruction page.The theme  is a responsive and incredibly resourceful Free Business WordPress theme. which is very efficient to support your business. If you have any query regarding and our theme and support, then please feel free to contact us.

a) Through Dashboard

b) Manual Installation using FTP

Here we will provide instructions for using your theme’s home and page templates.

  1. Navigate to Settings > Reading, and select the ‘Your latest posts‘ option. This will set the home page template as seen in your theme’s demo.
  2. Once set, navigate to Appearance > Theme Options (Appearance > Customizer in newer themes) to begin configuring your home page.

Setting the Home page template

  1. Navigate to Pages > Add New, and create a new page.
  2. From the ‘Page Templates‘ drop-down menu, select the ‘Home‘ page template option. Save and publish.
  3. Now go to the widget Appearance > Widget, there you will see 'Home page sidebar' . 
Here we will provide instructions how build page templates.

Navigate to Apearance > Widgets, and goto the ‘Home Page widget‘ Sidebar. Here you can drag and drop widgets for home page.

In next section we explained all the required widgets field for home layout.

Slider settings

  1. Navigate to Dashboard > Slider> Add Post and there fields.

  2. In the title You can insert '' tag to create more eye catching slider title

  3. for slider baner image you can upload Imag eof size of 1920 X 1050.

    • Navigate to Customizer > Slider option

    • Here you can add field likeSlider overlay colorto change the slider overlay color,

    • Slider overlay opacityto change the slider overlay color opacity.

Note: Repeat same procedure for the no. of slider you want.

Services settings

  1. Navigate to Dashboard > Service> Add Service Post and there fields.

  2. Navigate to Apearance > widgets> Home page widget

    Drag and Drop CL-Services Layout Widgetto the Home page widget

  3. Here you can selectStyleswhich will provide you diffrent layouts out there

    • Style 1
    • Style 2
    • Style 3
    • Style 4

Also:Enter all information required by the widget field

Counter settings

  1. Navigate to Apearance > widgets

  2. Navigate to Apearance > widgets> Home page widget

    Drag and Drop CL-Counter Widget widgets to the Home page widget

  3. Upload Background image for counter background.

  4. EnterCounter Title

  5. SelectCounter Icon

  6. EnterCounter number field.

  7. Also: Here you can select diffrentStyleswhich will provide you diffrent layouts out there.

    • Style 1
    • Style 2
    • Style 3

Note: Repeat same procedure for rest of counter field you want.

Portfolio settings

  1. Navigate to Dashboard > Portfolio> Add Portfolio Post and there fields.

    • The Portfolio gallery image from Gallery Metawill be appear in single portfolio page.
  2. Navigate to Apearance > widgets> Home page widget

    Drag and Drop CL-Home Portfolio Layout Widget widgets to the Home page widget

  3. Here you can select diffrentStyleswhich will provide you diffrent layouts out there.

    • Style 1
    • Style 2
    • Style 3
    • Style 4

Enter information required by the widget field

Team settings

  1. Navigate to Dashboard > Portfolio> Add Team Post and there fields.

  2. Navigate to Dashboard > Page> Add New

    page

    goto Page Attribute > Template > Select Template Team
  3. Goto >Team layout Select Team layout.
  4. The team Layout will be displayed as follows:

    • Style 1
    • Style 2

Testimonial settings

  1. Navigate to Dashboard > Testimonial> Add Team Post and there fields.

  2. Navigate to Dashboard > Page> Add New

    page

    goto Page Attribute > Template > Select Template Testimonial
  3. The Testimonial page will be displayed:

    • Style 1

About Us settings

  1. Navigate to Apearance > widgets> Home page widget

  2. Navigate to Apearance > widgets> Home page widget

    Drag and Drop CL-Single Page/Post Widget to the Home page widget

    • Here you can select

      Page

      to select and make them apear in front page,

      Post

      to select and make them apear in front page,

    • Also

      you can Selectdiffrent Styles for difftrent layout.

    • Style 1
    • Style 2
    • Style 3
    • Style 4

      Style $ is for Sidebar and footer.

Also: Enter information required by the widget field

Pricing Table settings

  1. Navigate to Dashboard > Pricing Table> Add pricing Post and Select the category you want to select.

    • Pricing Table Option Metawill provide you Pricing Tablefields wchich will be displayed in pront page.
  2. Navigate to Apearance > widgets> Home page widget

    Drag and Drop CL-Pricing Table Widget widgets to the Home page widget

  3. Here you can select diffrentStyleswhich will provide you two diffrent layouts out there.

    • Style 1
    • Style 2

Call To Action settings

  1. Navigate to Apearance > widgets> Home page widget

    • Team info Meta Box

  2. Drag and Drop CL-Call To Action widgets to the Home page widget

Enter information required by the widget field

  • Style 1
  • Style 2
  • Team settings

    1. Navigate to Dashboard > Team > Add Team Post and Fill the required field.

      • Designation

        The designation will be apear in home page as Teams designation.

      • Social Links

        The social will provide team Member‘ s social links.

      • Feature image

        is for team Member‘ s picture.

      • Background Image

        is for team sections background image.

    2. Navigate to Apearance > widgets > Home page widget

    3. Drag and Drop CL-Team Slider Widget widgets to the Home page widget

    4. Hese you can Select diffrent styles for diffrent layouts as follows:

      • Style 1
      • Style 2
      • Style 3

    Enter information required by the widget field

    Blog settings

    1. Navigate to Dashboard > Posts > Add Post and Fill the required field.

      • Feature image

        is for blog image.

    2. Navigate to Apearance > widgets> Home page widget

    3. Drag and Drop CL-Blog Widget widgets to the Home page widget

    4. Hese you can Select diffrent styles for diffrent layouts as follows:

      • Style 1
      • Style 2
      • Style 3
      • Style 4

    Enter information required by the widget field

    Client settings

    1. Navigate to Dashboard > Client Logo > Add client Title and Fill the required field.

      • Feature image

        is for client image.

    2. Navigate to Apearance > widgets> Home page widget

    3. Drag and Drop CL-Client Slider Widget widgets to the Home page widget

    Enter information required by the widget field

    Testimonial settings

    1. Navigate to Dashboard > Testimonials > Add Testimonial Title and Fill the required field.

      • Feature image

        will be shown as testimonial image.

      • Designation

        will be display designation of People.

      • Social links

        will be display as solial links of People.

    2. Navigate to Apearance > widgets> Home page widget

    3. Drag and Drop CL-Testimonial Widget widgets to the Home page widget

    4. Here you can Select diffrent styles for diffrent layouts as follows:

      • Background

        image will be shown in background of testimonial.

      • Style 1
      • Style 2
      • Style 3
      • Style 4

    Enter information required by the widget field

    Template Blog setting

    1. Navigate to Apearance > Customizer> Theme Option> Blog Option

    2. Here you can select the category for the blog page.

    Note: If no category is selected then the blog page will display uncategorized posts.

    Customizer Slider Setting

    1. Navigate to Apearance > Customizer> Slider Option

    2. In this panel there is three sections for three diffrent sliders.

      • slider overlay color

        The overlay color will displys as slider overlay.

      • slider overlay Opacity

        The overlay color will displys as slider overlay color opacity.

      • Read More Text

        The Read Morte text will be visible in Read more button

      • Read More URL

        The read more url is for Read More button Link.

    Note: Similarly you can field all the three sliders field.

    Contact Options

    1. Navigate to Apearance > Customizer> Contact Option

    2. This panels field will be viewed in the Contact section of the home page.

      • Active in homeThis option will alow u to wether the contact section enable or disacle for home page .
      • AddressYou can fill your address here.
      • PhoneHere you can enter your phone no, which will be visible in contact section of home page.
      • Email

        Here you can enter your Emali, which will be visible in contact section of home page.

      • Website

        Here you can enter your Website, which will be visible in contact section of home page.

    Theme Options

    1. Navigate to Apearance > Customizer> Theme Options

    2. This panel will control most of the theme functionality. The panel hase various sections for diffrent settings.

      • Site LayoutSite layout is to change site view. It has Two options.
        1. Fluid
        2. Boxed
      • Site LayoutSite layout is to change site view. It has Two options.
        1. Primary Color

          It wil change the home color of the site.

        2. Secondary Color

          It wil change the color of inner page.

      • Menu settingsYou can chage the header menu style of the site.
        1. Sticky
        2. None Sticky
        1. Meny style One
        2. Meny style Two
        3. Meny style Three
        4. Meny style fopur
      • Activate BreadcrumbsThe Activate breadcrumbs checkbox will enable/disable breadcrumbs in banner.
      • Blog Option

        Here you can seletc category for emplate blog.

      • Sidebar Settings

        Here you can choose sidebar option for the Single Page, Single Post,Archive, Blog, 404 page, Search, Not found page etc .

      • Banaer image For Page

        The image will be shown as singel page banner.

      • Banaer image For Post

        The image will be shown as singel Post banner.

      • Defult Banaer image

        The image will be shown as banner of all the page except single page and single post.

    Portfolio Page Settings

    1. Navigate to Apearance > Customizer> Portfolio page settings

    2. This panel will control Portfolio Page functionality. The panel hase various sections for diffrent portfolio section.

      • Select Contact StyleFrome here you can chaneg the style of the conact in portolio template page.
        1. Style 1
        2. Style 2
      • Portfolio contact settingsFrom here you can enter various contatc setings such as:.
        1. Contact Title

          The field will be shown as main contact title.

        2. Contatc Us Descrption

          This is the man description of the contact page.

        3. Address

          Your address.

        4. Phone

          Your Phone.

        5. Email

          Your email.

      • Portfolio Social linksFrom here you can input social links for portfolio:.
        1. Facebook URL

          The link will be shown under facebook icon.

        2. Twitter URL

          The link will be shown under twitter icon.

        3. LinkedIn URL

          The link will be shown under linkedin icon.

        4. RSS URL

          The link will be shown under RSS icon.

      • Contact Form 7 From here you can input conatct form 7 shortcode and there info for portfolio page:.
        1. Title

          Title will be shown above the contact form.

        2. Description

          Description will be shown above the contact form.

        3. Contact Form Shortcode

          Enter the contact form shortcode from the conatact form plugin.

      • Portfolio Call to action Enter Field for call to action section
        1. Activate CTA in Portfolio

          The checkbox will enable/desable call to action in portfolio.

        2. Description

          The descrioption is main content of CTA secton. Also here you can enter HTML tags like "", "
          " etc .

        3. Read more

          Enter Read more Text for CTA section.

        4. Read more URL

          The read more URL lead you to the desired page.

    Typography Options

    1. Navigate to Apearance > Customizer> Typography Options

    2. This panel will control Typography functionality. The panel hase various sections for diffrent typography option.

      • BodyThe body section will change the appearance of body font,body color,body font size etc.
        1. Body font size

          The body font size have 9px - 71px, you can select size Did you mean: accordingly Search Results accourdingly

        2. Body Line Height

          The line height will provide you text line height
        3. Body font Style

          From here you can select font style for the body text.
        4. Body font varients

          The font varients will change accourgin to the respective font style. You can select varients to change the font apearance.
        5. Body font color

          From her you can change body font color.
      • Note:

        Repeat the same as above for Li, H1, H2, H3, H4, H5 and H6

    Site Identity

    1. Navigate to Apearance > Customizer> Site Identity

    2. This panel will control Site Identity. From her you can change site Title, tagline, header image, and site logo.

      • Logo You can upload and crop your logo image here.
      • Site Title

        This will change the main site title to the site head.

      • Tagline

        This will appear just bellow the site title.
      • Logo and Title

        It has three diffrent options as follows:

        1. Logo only

          The logo only option will show only site logo.

        2. Title only

          The Title only option will help you to show site Title and Tagline.

        3. Both

          by checking "Both" you can enable both site logi and title in th header.

      • Site Icon

        The site icon will be apear in the head of the site in browser.