ArticleMag

Getting Started

Upload the theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the ArticleMag.zip file
  5. Click Install Now

Activate the theme

  1. Go to Appearance > Themes in the WordPress menu
  2. Hover over the theme thumbnail and press the Activate button

Topbar Header Styling

  1. By default, the menus will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. If you want selective menus with combination of links, pages, categories then custom menu is what you should be looking for.

    Set up Custom Menu

    1. Go to Appearance > Menus in the WordPress menu
    2. Click on Create a new menu link
    3. Give a name to your menu in Menu Name and click Create Menu button
    4. Now choose the pages, categories, custom links from the rightside of your screen by selecting the checkbox and click on Add Menu
    5. Click Save Menu after adding required pages, categories in the menu

This theme supports custom logo. To use it, follow the below steps..

  1. In the dashboard, go to Appearance > Customize > Site Identity.
  2. Upload your logo by clicking on the Select Image button.
  3. After you upload the logo image, click on Save & Publish button to save the changes.

Header ImageYou can upload your own Image which displays on header.

There’s also option for uploading header image.

Dashboard >> Appearance >> Customize >> Header Image

Theme Styling

You will get the option inside:
Dashboard >> Appearance >> Customize >> colors.
Here, you will get the following options to play around.
Color Scheme – Allows you to select the color scheme for your site.

Body Background Color – Allows you to choose a body text color for a site.
Theme Color – Allows you to choose a button text color for a site.
Button Color – Allows you to choose a button color for a site.
Button Text Color – Allows you to choose a button text color for a site.
Button Hover Color – Allows you to choose a button text hover color for a site.

Set a background image for your site. You will find the option inside

Appearance >> Customize >> Background Image.

Dashboard >> Settings >> Readings.
Here we are exploring the first option:
You will get two options
Your latest posts.
A static page.

You can find the corresponding option at:

Dashboard >> Appearance >> Customize >> Additional CSS

Here you can add your own CSS code here to customize the appearance and layout of your site. Learn more about CSS

For setting favicon, site title and tagline of the website you have to navigate through

Dashboard >> Appearance >> Customize >> Site Identity.

FINDING YOUR BUTTON’S CLASS

First, you’ll need to find the classes of your button through inspect element (I recommend using Chrome) by right-clicking on the button you want to alter and selecting Inspect.

Next, with the a element selected, go to the right-hand sidebar and from the top-most group of classes, highlight and copy the part that’s in black. Like that CSS class add your background CSS .posts-navigation .nav-links a

 

  1. In the dashboard, go to Appearance > Customize.
  2. Click on the Design Options > Custom CSS section.
  3. Add your custom CSS inside the box.
  4. After you add the custom CSS, click on Save & Publish button to save the changes.

Theme Bundled Widgets

This widget is suitable for displaying the post of your site as the large thumbnail post to be displayed via the latest post in the widget.

The options available in this widget are as follows:-
Here, the below is the associated image for this widget which is bundled within this theme:-

Footer Section

You will find the corresponding option at:

Dashboard >> Appearance >> Theme Options

Brndle

Brndle

Brndle