Getting Started

Theme Options & Style

General Guidelines

Plugins

FAQ

Extras

Elementor Page Builder

Elementor is a drag-and-drop page builder plugin for WordPress.

Install & Activate

To enable this page builder on your website, you just need to install Elementor Page Builder plugin. You can easily install and activate this plugin from Plugin Dashboard by go to Newsy Dashboard → Install Plugins.

Setting 

After activating the plugin, its configuration page will be accessible in the WP Admin main menu. The plugin’s default configuration is enough to start working with the builder. But preferably set following settings;

  1. Go to WP Dashboard → Elementor → Settings.
  2. In this page, Check boxes next to Disable Default Colors and Disable Default Fonts.
  3. Save the Settings

Checking this boxes will disable Elementor's Default Colors, and make Elementor inherit the colors from Newsy theme.

Usage 

To compose a static page using builder elements, please do these simple steps:

  1. Create a new page or choose one of the existing and go to its edition screen.
  2. If the plugin is activated and was loaded properly, you should see the builder’s toolbar. Click "Edit with Elementor" button.
  3. Click "Settings" Icon in the Elementor's action bar.
  4. In the General Settings → Page Layout, Select the Page Builder Template
  5. Start adding elements, use drag & drop UI to change their position, etc.
  6. Publish the page.

 

Newsy Elements

Here is the list of Newsy Elements in Elementor Page Builder:

  1. Newsy (All) (58 item)
  2. Newsy Blocks (14 item)
  3. Newsy Lists (18 item)
  4. Newsy Grids (13 item)
  5. Newsy Sliders (3 item)
  6. Newsy Widget Blocks (Video Playlist, social counter, newsletter, instagram) (7 item)

1. Newsy Blocks

As you can see on the image below, on Newsy Blocks group tab we provide several Elementor elements that you can use.

Please check the following explanation below about Elementor element on Newsy Blocks group tab :

General Option of Newsy Block

Content Tab

Header Section

  1. Block Title
    Insert text for main title of block.
  2. Block Title URL
    Insert url link for title of block.
  3. Block Title Font Size
    Insert text size for title of block.
  4. Block Title Line Height
    Insert text line height for title of block.
  5. Block Icon
    Select icon for title of block title.
  6. Block Header Type
    Choose header type for block.
  7. Block Header Background
    Set background color of header module block. Please note, this option may not work on certain header type.
  8. Block Header Title Color
    Set text color of header block. Please note, this option may not work on certain header type.
  9. Block Header Title Background Color
    Set text color of header block. Please note, this option may not work on certain header type.
  10. Block Header Line Color
    Set bottom line color of header block. Please note, this option may not work on certain header type.
  11. Block Accent Color
    Set accent color of block. This will set color of various block elements. 

Filters Section

  1. Categories
    Add category filter for block.
  2. Number of Post
    Set number of post for content block.
  3. Offset posts
    Set number of post offset (start of content) of block.
  4. Order By
    Choose sorting method for content of block.
  5. Filter by Time
    Set times of post for content block.  
  6. Filter by Post Types
    Choose post type for content of module block.
  7. Filter by Posts
    Include posts that you want to show for content block. It can be done firstly by searching post by inputing title, then clicking the search result, and finally you will have your post. To exclude authors from this block click "-" button.
  8. Filter by Authors
    Include posts that you want to show for content block. It can be done firstly by searching author by inputing name, then clicking the search result, and finally you will have your author. To exclude authors from this block click "-" button.
  9. Filter by Taxonomies
    Filter multiple taxonomies by search. To exclude taxonomies from this block click "-" button.
  10. Taxonomies Relation
    Choose filtered by taxonomies relation type. 

Pagination Section

  1. Pagination Type
    Choose pagination type for block.
  2. Show pagination number label
    Enable labels for Next/Prev pagination type.

Tabs Section

  1. Categories as Tab
    - Selected Categories as Tab
    Select multiple categories for header tabs.
  2. Sub Categories as Tab
    This will use sub categories for Filters tab > Categories field.
  3. Taxonomies as tab
    Select multiple taxonomies for header tabs.
  4. Order by options as Tab
    Choose order by options you want see or leave empty for all options.
  5. Tabs "All" Text
    Enter here custom text for block header tabs more menu.

Module Section

In this section you will see modules for block. You can enable Override Module Parts? option for overriding module parts for this block.

Style Tab

  1. Block Extra Class
    Select block extra classes. Ex: You can set boxed style block or dark style block with these predefined classes or you can add custom CSS classes.  
  2. Block Width
    Please choose width of the column you want to use on this block. 1 Block represents 4 column.
  3. Block Custom ID
    Block custom CSS ID. Useful if you want apply custom style for this block.
  4. Block Item Margin
    Select loop block items space size.
  5. Numeric Item Style 
    Enable numeric items.

Advanced Tab

Please see Elementor documentation for more detail about this tab.

  1. Margin
    Set the section Margin
  2. Padding
    Set the section Padding
  3. Z-index
    Set the Z-Index. Learn more about Z-Index
  4. CSS ID
    Set a CSS ID for your section
  5. CSS Classes
    Set CSS Classes for your section

2. Newsy Lists

As you can see on the image below, on Newsy Lists group tab we provide several Elementor elements that you can use.

Please check the Newsy Blocks explanation above about Elementor element on Newsy Lists group tab. Options are same for both.

3. Newsy Grids

As you can see on the image below, on Newsy Grids group tab we provide several Elementor elements that you can use.,

Content Tab

General Section

  1. Overlay Gradient
    Select slider items overlay style.
  2. Grid Height
    Set height on pixel in px for desktop, leave empty to use default number.

Header Section
Please check the Newsy Blocks explanation above about Elementor element on Header tab. Options are same for both.

Filters Section
Please check the Newsy Blocks explanation above about Elementor element on Filters tab. Options are same for both.

Style Tab

Please check the Newsy Blocks explanation above about Elementor element on Design tab. Options are same for both.

4. Newsy Sliders

As you can see on the image below, on Newsy Sliders group tab we provide several Elementor elements that you can use.

Content Tab

General Section

  1. Overlay Gradient
    Select slider items overlay style.
  2. Block Color
    Set accent color of block. This will set color of various block elements. 

Slider Section

  1. Number of slides
    Set number of post for content slider.
  2. Slider Slide duration
    Set auto play duration of slide in mili second.
  3. Slider Scroll Items
    The number of items you want to see on the screen.
  4. Slider Item Margin 
    Margin-right(px) on item.
  5. Slider Stage Padding
    Padding left and right on stage (can see neighbours).
  6. Slider Nav
    Hide next/prev buttons or select a style.
  7. Slider Dots
    Show dots navigation.
  8. AutoPlay
    Autoplay slider.
  9. AutoPlay Speed
    Set autoplay speed. Please note, this option will appear and work if you enable auto play slider option above.
  10. AutoPlay Animation Speed
    Set autoplay animation speed. Please note, this option will appear and work if you enable auto play slider option above.
  11. Slider Center Mode
    Enable centered position.
  12. Loop Items
    Infinity loop. Duplicate last and first items to get loop illusion.

Filters Tab
Please check the Newsy Blocks explanation above about Elementor element on Filters tab. Options are same for both.

Style Tab

Please check the Newsy Blocks explanation above about Elementor element on Design tab. Options are same for both.

5. Newsy Widgets

As you can see on the image below, on Newsy Widgets group tab we provide several Elementor elements that you can use.

Newsy About Us

  1. Image
    On this option, you can choose image or logo on the block.
  2. Image Text (alt)
    On this option, you can choose image or logo alt attribute.
  3. About Title
    On this option, you can choose title on the block.
  4. Description
    On this option, you can choose description on the block.

Newsy Author Box

  1. Select Author to display
    On this option, you can choose author you want to display.
  2. Show Cover
    On this option, you can choose show or hide the cover image on the author box.
  3. Show Description
    On this option, you can choose show or hide the description on the author box.
  4. Show Social Links
    On this option, you can choose show or hide the social links on the author box.
  5. Show Extra Elements
    On this option, you can choose show or hide the extra elements like badges on the author box.
  6. Description Length
    On this option, you can choose description words length on the author box.

Newsy Facebook LikeBox

  1. Title
    On this option, you can choose title on the block.
  2. Facebook Page
    On this option, you can enter facebook page url you want show.
  3. Show Posts
    On this option, you can choose show or hide the latest posts on the like box.
  4. Show Faces
    On this option, you can choose show or hide the latest liked profiles on the like box.
  5. Language
    On this option, you can choose language on the like box.

Newsy Instagram

  1. Set Column
    Setup the number of feed columns that you want to show for Instagram feed footer.
  2. Set Row
    Setup the number of feed rows that you want to show for Instagram feed footer.
  3. Items Margin
    On this option you can choose space between rows and columns of your Instagram feed.
  4. Follow Button Text
    On this option you can insert text for Instagram follow button. Leave blank if you don’t want to show it.
  5. Open New Tab
    Enable this option if you want to open link in new tab when Instagram follow button.

Newsy Mailchip

  1. Title
    On this option, you can choose title on the block.
  2. Title Icon
    On this option, you can choose title icon on the block.
  3. Message
    On this option, you can choose message on the block.
  4. Image
    On this option, you can choose message on the block.
  5. MailChimp List URL
    On this option, you can set MailChimp list URL on the block.
  6. Input Below Text
    On this option, you can choose text on the input below.
  7. Style
    On this option, you can choose style on the block.
  8. Text Align
    On this option, you can choose text align on the block.
  9. Form Layout
    On this option, you can choose form layout on the block.
  10. Block Color
    On this option, you can set colors on the block.
  1. Count
    On this option, you can choose size of categories.
  2. Order By
    On this option, you can choose order by of categories.
  3. Order
    On this option, you can choose order of categories.
  4. Columns
    Setup the number of category columns that you want to show for the block.
  5. Show Category Post Count
    On this option, you can choose show or hide the category posts count on the block.
  6. Show Category Icon
    On this option, you can choose show or hide the category icon on the block.
  7. Show Empty Categories
    On this option, you can choose show or hide the empty categories on the block.
  8. Include Categories
    On this option, you can choose show specific categories on the block.
  9. Excluded Categories
    On this option, you can choose hide specific categories on the block.

Newsy Video Playlist

  1. Video Playlist Layout
    On this option, you can choose preferred layout on the video playlist.
  2. Video Playlist Scheme
    On this option, you can choose preferred dark/light scheme on the video playlist.
  3. Video Playlist Color
    On this option, you can choose preferred color on the video playlist.

Newsy Ads

  1. Google AdSense Ads
    Client ID: Insert data ads client or Google ads client content.
    Slot ID: Insert data ads slot or Google ads slot content.
    Desktop Size: Choose ads size for desktop device. We recommend you to use Auto on this option.
    Tablet Size: Choose ads size for tablet device. We recommend you to use Auto on this option.
    Phone Size: Choose ads size for mobile phone device. We recommend you to use Auto on this option.

  2. Image Ads
    Image: Upload an image for advertisement. We recommend you to use 970×90 image size for best result.
    Image Link: Insert url link where this advertisement image will be heading.
    Alternate Text: Insert alternate text for advertisement image.
    Open New Tab: Turn on this option to enable open in new tab when advertisement image clicked.

  3. Script Code
    Code: Insert Ads:Content Discovery Ads like Taboola, Outbrain or Revcontent, HTML5 Ads, Custom HTML/CSS/JS Ads and iFrames.

Newsy Block Header

  1. Block Title
    Insert text for main title of block.
  2. Block Title URL
    Insert url link for title of block.
  3. Block Title Font Size
    Insert text size for title of block.
  4. Block Title Line Height
    Insert text line height for title of block.
  5. Block Icon
    Select icon for title of block title.
  6. Block Header Type
    Choose header type for block.
  7. Block Header Background
    Set background color of header module block. Please note, this option may not work on certain header type.
  8. Block Header Title Color
    Set text color of header block. Please note, this option may not work on certain header type.
  9. Block Header Title Background Color
    Set text color of header block. Please note, this option may not work on certain header type.
  10. Block Header Line Color
    Set bottom line color of header block. Please note, this option may not work on certain header type.
  11. Block Accent Color
    Set accent color of block. This will set color of various block elements. 

Newsy Navigation Menu

  1. Select Menu
    Select to menu you want to display.

Content