Site icon Catch Themes

Rock Star Pro

sweta
Rock Star Pro Theme Screenshot

Rock Star Pro is an incredibly sleek and responsive music WordPress theme, built for artists and bands aiming to promote their music and events. Created using HTML5 and CSS3, this aesthetically engaging theme is very easy to use. Simple modules and features are available so you can build a complete and custom website right away. Knowing the importance of the vast potential of social media, Rock Star allows you to update your followers regarding any activity, track release or event using the integrated social media support option. Its homepage is dominated by your logo, tagline, and a full-screen background image. With features like news ticker, featured content, featured sliders, templates, extensive color palette and 22 custom widgets with handpicked font options give you plenty of customizing power. You can create outstanding shopping and multi-language experience with WooCommerce and WPML plugins respectively.

Check out Support Forum at https://catchthemes.com/support-forum/forum/rock-star-pro-premium/ and Demo at https://catchthemes.com/demo/rock-star/

Features in “Rock Star” Free Theme:

  1. Responsive Design
  2. Site Identity: Option to add/edit Custom Logo, option to enable/disable logo and option to move Site Title and Tagline before logo, change Site Icon
  3. Color: Option to choose Light and Dark Color Scheme and change Header Text Color
  4. Header Image: Option to add Custom Header Image, Enable/Disable Featured Header Image, add alt, title and link/URL, open link in new windows/tab and select Post/Page Featured image size
  5. Background Image: Option to Select Background Image
  6. Menu: Option to use Primary Menu
  7. Additional CSS: Option to add your own CSS style to change the design as per you need
  8. Excerpt Options: Option to change Excerpt Length and Read More Text
  9. Homepage/Frontpage Setting: Select option to show post from selective category
  10. Layout Options:
    1. Default Layout: Option to choose from i.Primary Sidebar, Content, ii. Content, Primary Sidebar and iii. No Sidebar (Content Width)
    2. Single Page/Post Image Layout: Option to use i. Primary Sidebar,Content, ii. Content,Primary Sidebar, iii. No Sidebar(Full Width)
    3. Archive Content Layout: Option to choose from i. Excerpt Image Top and iv. Show Full Content (No Featured Image)
    4. Single Page/Post Image Size: Option to use i. Large, ii. Full Size, iii. Slider Image Size and iv. Featured Image Size
  11. Pagination Options: Option to choose Pagination type from Default(Older Posts/Newer Posts), Numeric, Infinite Scroll (Click), Infinite Scroll (Scroll)
  12. Scroll Up Option: Option to enable/disable Scroll Up feature
  13. Search Options: Option to change default text in search
  14. Featured Slider: Option to use Featured Page Slider, disable/enable featured slider on Homepage/FrontPage or entire site , option to select Transition Effect, Transition Delay and Transition Length of slides and option to highlight your featured pages in slider
  15. News Ticker: Option to choose Ticket Type as Page News Ticker, option to enable/disable News Ticker, determine news ticker position, change Transition Effect and add number of news tikers(Maximum 20 news ticker)
  16. Featured Content: Option to choose Featured Page Content, Option to enable/disable featured content on Homepage/Frontpage or entire site, option to select Featured Content layout from 3 columns and 4 columns and option to highlight your Featured pages as Featured Content and change Featured Content Background Settings
  17. Social Links: 33 different social icons to choose from
  18. Widget Areas: 7 widgetized (Sidebar) areas they are: 1. Primary Sidebar, 2. Footer Area One, 3. Footer Area Two, 4. Footer Area Three, 5. Before Content and 6. After Content
  19. Widgets: Option to choose 7 widgets. They are: 1. CT: About, 2. CT: Background Image, 3. CT: Featured Posts, 4. CT: Instagram, 5. CT: Social Icons, 6. CT: Tours and 7.CT:Video Embeds

Additional features in “Rock Star” Pro Theme:

  1. Menu Options: Option to enable/disable Primary Menu
  2. Preloader Image: Option to change Preloader Image and enable/disable Preloader Image
  3. Breadcrumb Options: Option to enable/disable Breadcrumb, Enable/Disable Breadcrumb on Homepage and Change Separator Between Breadcrumbs
  4. Comment Options: Option to enable/disable comments, notes and website field
  5. Feed Redirect: Option to redirect your feed to feedburner
  6. Font Family Options: Option to choose Site Title Font Family, Default Font Family, Site Title Font Family, Menu Font Family, Content Title Font Family, Content Body Font Family and Headings Tags from h1 to h6 Font Family
  7. Footer Editor Options: Option to change Footer content
  8. Layout Options:
    1. Default Layout: Additional Option to choose from i. No Sidebar (Content Width) and ii. No Sidebar(One Column)
    2. WooCommerce Layout: Option to choose from i. Primary Sidebar,Content, ii. Content,Primary Sidebar, iii. No Sidebar(Content Width), iv. No Sidebar(One Column) and v. No Sidebar(Full Width)
    3. Single Page/Post Image Layout: Option to use i. No Sidebar(One Column) and ii. No Sidber(Full Width)
    4. Archive Content Layout: Additional option to choose from i. Excerpt Image Left, ii. Excerpt Image Right and iii. Excerpt Image Top
  9. Single Post Navigation: Option to enable/disable Single Post Navigation
  10. Update Notifier: Option to enable/disable update notifications
  11. Color Options: Option to use Light and Dark Color Scheme, and further option to choose color for various options using color picker like: Basic Color Options, Header Color Options, Content Color Options, Sidebar Color Options, Pagination Color Options, Footer Color Options, Scrollup Color Options, Featured Content Color Options, News Ticker Color Options, Featured Content Color Options, News Ticker Color Options, Slider Color Options, Primary Menu Color Options, Secondary Menu Color Options, Header Top Menu Color Options, Header Right Menu Color Options and Footer Menu Color Options
  12. Featured Content Options: Option to use Featured Widget Content, Featured Post Content, Featured Page Content, Featured Category Content and Featured Image Content. Further Option to change Featured Content Background Image
  13. News Ticker: Option to use Post News Ticker, Page News Ticker, Category News Ticker and Custom Text News Ticker
  14. Featured Slider: Option to use Featured Post Slider, Featured Page Slider, Featured Category Slider and Featured Image Slider
  15. Social Links: Option to select 33 social link, change social icon size and add upto 10 custom social links
  16. Widget Area: Additional 16 widget areas which makes total of 20 widgetized (Sidebar) areas they are: 1. Primary Sidebar, 2. Footer Area One, 3. Footer Area Two, 4. Footer Area Three, 5. Footer Area Four, 6. Before Content, 7. After Content, 8. Before Posts/Pages, 9. After Post/Pages, 10. 404 Page Not Found Content, 11. WooCommerce Primary Sidebar, 12. Optional Homepage Sidebar, 13. Optional Archive Sidebar, 14. Optional Page Sidebar, 15. Optional Post Sidebar, 16. Optional Sidebar One, 17. Optional Sidebar Two, 18. Optional Sidebar Three, 19. Page Template: Blank Page and 20. Page Template: Blank Content Page.
  17. Widgets: Additional 14 widgets which make total of 21 Widgets, they are: 1. CT: About, 2. CT: Advertisement Codes, 3. CT: Advertisement Images, 4.CT: Audio, 5. CT: Background Image, 6. CT: Breadcrumb 7. CT: Featured Embeds, 8. CT: Featured Images, 9. CT: Featured Pages, 10. CT: Featured Posts, 11. CT: Gallery Images, 12. CT: Gallery Pages, 13. CT: Gallery Posts, 14. CT: Instagram, 15. CT: Newsletter, 16. CT: Promotion Headline, 17. CT: Social Icons, 18. CT: Tag Cloud, 19. CT: Tours, 20. CT: Video Embeds and 21. CT: Video Pages & Posts
  18. E-commerce Ready: It supports WooCommerce plugin
  19. Multi-language Ready: It supports WPML plugin

Installation Using the WordPress Administration Panel #

  1. Download Rock Star Pro from your Catch Themes member My-Account to your Desktop
  2. Log in to the WordPress Administration Panel
  3. Go to “Appearance => Themes => Add New”
  4. Click on “Uploads” and Browse the downloaded file rock-star-pro.zip from the desktop where you have it downloaded
  5. Click on “Install Now” and then “Activate” to install the Theme

Manual Installation using FTP

To add a new Theme to your WordPress installation, follow these basic steps:

  1. Download Rock Star Pro from your Catch Themes member My-Account to your Desktop
  2. Unzip rock-star-pro.zip to your Desktop
  3. Using an FTP client to access your host web server. Go to /wp-content/themes/ and make sure that you do not already have a rock-star-pro folder installed. If you do, then back it up and remove it from /wp-content/themes/ before uploading your copy of Rock Star Pro
  4. Upload Rock Star Pro to /wp-content/themes/
  5. Activate Rock Star Pro through “Appearance => Themes”, in your WordPress Dashboard

Updating Theme Using the Administration Panel #

You can update Themes directly from the Administration Panel using Catch Updater plugin. Click here to read details about Catch Updater plugin.

Updating Theme Using FTP

To update Theme though FTP, follow these basic steps:

  1. Download the latest version of Rock Star Pro from your Catch Themes member My-Account to your Desktop
  2. Unzip rock-star-pro.zip to your Desktop
  3. Using an FTP client to access your host web server, go to /wp-content/themes/ and upload your new copy of Rock Star Pro Theme which shall replace the old files

This theme relies heavily on Featured Images. If your post is missing a Featured Image, the post image will not show up on homepage, on archived pages and on Featured Page Slider. Click Here to see how to add Featured Image in your Post/Page.

Image Sizes:

Slider
Width: 1920px
Height: 1080px

Featured
Width: 840px
Height: 630px

Landscape
Width: 385px
Height: 257px

Post Thumbnail Size:
Width: 420px
Height: 280px

Custom Header Image
Width: Flexible (recommended width 1900px)
Height: Flexible (recommended height 600px)

How to add Featured Image in Post/Page?

  1. Open the editor of the post/page where you want to display image, and locate the Featured Image module in the bottom right corner under Page Attributes. Click on Set Featured Image.
  2. Then you can either upload the image from your computer or select the existing image from your media library and click on Set Featured Image. Click to view screenshot
  3. For more detail, click here to watch video Screencast

Regenerate Thumbnails #

If you have just changed your theme then you need to regenerate image thumbnail for post published before activating this theme. You can simply install Regenerate Thumbnails Plugin. Then Regenerate Thumbnails through “Tools => Regen. Thumbnails” in your WordPress Dashboard.

Widget Area (Sidebar)#

Rock Star Pro currently has 20 widgetized (Sidebar) areas that are 1. Primary Sidebar, 2. Footer Area One, 3. Footer Area Two, 4. Footer Area Three, 5. Footer Area Four, 6. Before Content, 7. After Content, 8. Before Posts/Pages, 9. After Post/Pages, 10. 404 Page Not Found Content, 11. WooCommerce Primary Sidebar, 12. Optional Homepage Sidebar, 13. Optional Archive Sidebar, 14. Optional Page Sidebar, 15. Optional Post Sidebar, 16. Optional Sidebar One, 17. Optional Sidebar Two, 18. Optional Sidebar Three, 19. Page Template: Blank Page and 20. Page Template: Blank Content Page. “Appearance => Widgets” or “Appearance => Customize => Widgets” in WordPress.

Rock Star Pro offers exciting Menu Options! This theme supports and recommends using “Custom Menus”. You can create Custom Menu through “Appearance => Menus” from your WordPress Dashboard.

Select Menu Locations
You can assign your custom menu in 5 different locations. You assign it either from “Appearance => Customize => Menus => Manage Location” or from “Appearance => Menus => Manage Location”
Select your Custom Menu as Primary Menu to display it as the Main Menu

How to disable Site Title and Tagline? #

  1. Go to “Appearance => Customize => Site Identity
  2. Uncheck “Disable Site Title and Tagline” and it will not display Site Title and Tagline
  3. Finally, click on “Save & Publish”

How to add Site Icon (Favicon/Web Clip Icon)? #

  1. Go to “Appearance => Customize => Site Identity => Site Icon”
  2. Click on “Select Image” and then you can either upload the image from your computer or select the existing image from your media library
  3. Finally, click on “Save & Publish”

Header Image #

Custom Header Image is different from site logo. It’s a large global image in the header to obtain a much more personalized look and feel. To add header image, you need to go to “Appearance => Customize => Header Image”. Here, you can add/change/hide Header Image, select option to Enable Featured Header Image on, Position, Size and add in links and alt tag as per your website need.

Options to Enable Header Featured Image

When you are in “Appearance => Customize => Header Image”, you will see option “Enable Featured Header Image on”. There are 7 options, which gives you flexibility to add Header Image as per your website need.

Option 1: Homepage/Frontpage
This option will show header image in Homepage/Frontpage only.

Option 2: Excluding Homepage
This option will show header image throughout the site, excluding Homepage.

Option 3: Excluding Homepage, Page/Post Featured Image
This option will show header image throughout the site excluding Homepage. But in Page/Post, your header image will be replaced by Featured Image.

Option 4: Entire Site
This option will show header image throughout the site.

Option 5: Entire Site, Page/Post Featured Image
This option will show header image throughout the site. But in Page/Post, your header image will be replaced by Featured Image.

Option 6: Page and Post
This option will show Header Image in Page and Post only. But in Page/Post, your header image will be replaced by Featured Image.

Option 7: Disable
This option will disable Header Image completely.

  1. Go to “Appearance => Customize => Header Image”
  2. Now, select enable options in “Enable Featured Header Image on”
  3. Click on “Add New Image” to add new header image
  4. Then you can either upload the image from your computer or select the existing image from your media library
  5. Click on “Select and Crop” and you can either crop image or skip cropping
  6. Finally, click on “Save & Publish”

How to enable/disable Header Featured Image for individual Page/Post?
This can be achieved through custom meta box by following the steps below:

  1. Go to Add/Edit option of Page/Post
  2. There you can find Rock Star Options
  3. Then click on Header Featured Image Options
  4. You can select “Enable” option for Header Featured Image
  5. Finally Click on “Publish/Update”

How to select Single Page/Post Image Layout for individual Page/Post?
This can be achieved through custom meta box by following the steps below:

  1. Go to Add/Edit option of Page/Post
  2. There you can find Rock Star Options
  3. Then click on Single Page/Post Image Layout
  4. You can select desired option
  5. Finally Click on “Publish/Update”

How to change preloader image? #

  1. Go to “Appearance => Customize => Theme Options => Preloader Image
  2. Click on “Change Image” to change default image
  3. Then you can either upload the image from your computer or select the existing image from your media library
  4. Click on “Save & Publish”

How to enable/disable preloader image? #

  1. Go to “Appearance => Customize => Theme Options => Preloader Image
  2. Check option “Check to enable Preloader Image” to enable Preloader Image
  3. Click on “Save & Publish”

How to enable Breadcrumb and change separator? #

  1. Go to “Appearance => Customize => Theme Options => Breadcrumb Options”
  2. Check option “Check to enable Breadcrumb” to enable Breadcrumb
  3. To enable Breadcrumb on Homepage, check option “Check to enable Breadcrumb on Homepage”
  4. To change the separator between Breadcrumbs, use desired separator below “Separator between Breadcrumbs”
  5. Finally, click on “Save & Publish”

Comment Options #

  1. Go to “Appearance => Customize => Theme Options => Comment Options”
  2. Under “Comment Option” select desired option from Use WordPress setting, Disable in Pages and Disable Completely
  3. To disable note below comments box, check option “Check to Disable Notes”
  4. To disable website field, check option “Check to Disable Website Field”
  5. Finally, click on “Save & Publish”

Additional CSS #

You can add your custom CSS that will overwrite the theme CSS for further design customization through “Appearance => Customize => Additional CSS”, in your WordPress Dashboard.

Note: If you are doing heavy customization and adding lot of Custom CSS then we recommended to build Child Theme and add it in your child theme style.css file. Read More about child theme…

How to Change the Excerpt Length and Read More Text? #

  1. Go to “Appearance => Customize => Theme Options => Excerpt Options”
  2. Type in the Excerpt Length as in, the number of words, and Read More Text
  3. Finally, click on “Save & Publish”

Feed Redirect #

  1. Go to “Appearance => Customize => Theme Options => Feed Redirect”
  2. Add Feed link below “Feed Redirect”
  3. Finally, click on “Save & Publish”

Note: If you custom feed(s) are not handled by Feedblitz or Feedburner, do not use Redirect Options.

How to select different font for different sections? #

  1. Go to “Appearance => Customize => Theme Options => Font Family Options”
  2. Select desired font below each given section
  3. Finally, click on “Save & Publish”
  1. Go to “Appearance => Customize => Theme Options => Footer Editor Options”
  2. Under “Footer Top Content” and “Footer Bottom Content” you can add html or plain text
  3. Finally, click on “Save & Publish”

How to Set Certain Categories to Display in Homepage/Frontpage? #

  1. Go to “Appearance => Customize => Theme Options => Homepage/Frontpage Options”
  2. Then select the category you want, and you may select multiple categories by holding down the CTRL key(windows)/Command Key(Mac)
  3. Finally, click on “Save & Publish”

How to add Title in Latest Posts? #

  1. Go to “Appearance => Customize => Theme Options => Homepage/Frontpage Options”
  2. Under “Latest Post Title” add the desired title for the post
  3. Finally, click on “Save & Publish”

Layout Options #

Rock Star Pro has 5 Default Layout options, 5 WooCommerce Layout, 4 Single Page/Post Layout, 4 Archive Content Layout, 5 Excerpt Image Top Layout and 8 Single Page/Post image size to choose from “Appearance => Customize => Theme Options => Layout Options”

Default Layout
Once you are in Layout Options, you can check the box below “Default Layout Options” which will set our site layout. Further, you have the choice of selecting custom layout for individual pages and posts through “Parallax-frame Options => Layout Options”, which you shall find below individual posts and pages, when you click on them for adding/editing.

WooCommerce Layout
Once you are in Layout Options, you can check the box below “WooCommerce Layout” which will set layout for WooCommerce pages.

Single Page/Post Image Layout
Once you are in Layout Options, you can check the box below “Single Page/Post Image Layout” which will set our posts/page image layout. Further, you have the choice of selecting Single Page/Post Image Layout for individual pages and posts through “Parallax-frame Options => Single Page/Post Image Layout”, which you shall find below individual posts and pages, when you click on them for adding/editing.

Archive Content Layout
Once you are in Layout Options, you can check the box below “Archive Content Layout” which will set our site archive layout.

Excerpt Image Top Layout
Once you are in Layout Options, you can check the box below “Excerpt Image Top Layout” which will set our site excerpt image top layout.

Single Page/Post Image Size
Once you are in Layout Options, you can check the box below “Single Page/Post Image Size” which will set image size for single page/post

How to change Pagination Options? #

  1. Go to “Appearance => Customize => Theme Options => Pagination Options”
  2. Under “Pagination Type”, select desired option
  3. Finally, click on “Save & Publish”

How to disable Scrollup feature? #

  1. Go to “Appearance => Customize => Theme Options => Scrollup Options”
  2. Check option “Check to disable Scroll Up”
  3. Finally, click on “Save & Publish”

How to change default text in search box? #

  1. Go to “Appearance => Customize => Theme Options => Search Options”
  2. Change the text below “Display Default Text in Search”
  3. Finally, click on “Save & Publish”

How to disable Single Post Navigation? #

  1. Go to “Appearance => Customize => Theme Options => Single Post Navigation”
  2. Check option “Check to disable Single Post Navigation”
  3. Finally, click on “Save & Publish”

How to disable Theme Update Notifications? #

  1. Go to “Appearance => Customize => Theme Options => Update Notifier Options”
  2. Check option “Check to disable update notifications”
  3. Finally, click on “Save & Publish”

Featured Content #

Rock Star Pro supports 5 featured content types they are: 1. Featured Widget Content, 2. Featured Post Content, 3. Featured Page Content, 4. Featured Category Content and 5. Featured Image Content. For Featured Content Options, go to “Appearance => Customize => Featured Content Options”.

How to enable Featured Content?#

  1. Go to “Appearance => Customize => Featured Content => Featured Content Options” from your WordPress Dashboard
  2. To enable featured content, select “Homepage/Frontpage or Entire Site” option under “Enable Featured Content on”
  3. Under “Select Content Type”, you need to select “Featured Widget Content, Featured Post Content, Featured Page Content, Featured Category Content or Featured Image Content” as per your need
  4. Finally, click on “Save & Publish”

Featured Post Content:

Featured post content is created to highlight your Post in the featured content. So, first you need to create a Post and then add Featured Image to the Post.

How to enable Featured Post Content?#

  1. Make sure featured content is enabled
  2. Under “Select Content Type”, you need to select “Featured Post Content”
  3. Then, add in Post ID in Featured Post 1, Featured Post 2 and so on
  4. Finally, click on “Save & Publish”

Note:
When you select post, make sure your Post have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Page Content:

Featured page content is created to highlight your Page in the featured content. So, first you need to create a Page and then add Featured Image to the Page.

How to enable Featured Page Content?#

  1. Make sure featured content is enabled
  2. Under “Select Content Type”, you need to select “Featured Page Content”
  3. Then, select Page in Featured Page 1, Featured Page 2 and so on
  4. Finally, click on “Save & Publish”

Note:
When you select page, make sure your Page have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Category Content

Featured category content is created to highlight your posts from specific categories in the featured content. So, first you need to create a Post, add Featured Image to the post and assign posts to specific category.

How to enable Featured Category Content?#

  1. Make sure featured content is enabled
  2. Under “Select Content Type”, you need to select “Featured Category Content”
  3. Then, select Categories
  4. Finally, click on “Save & Publish”

Note:
When you select categories, make sure your Posts in those categories have Featured ImageClick here to watch our Video Screencast to add Featured Image.

Featured Image Content:

Featured Image Content is created to highlight independent images in the featured content. This option gives you full control to upload your own independent image, with title (optional), content (optional), optional link and target. Just use the following simple steps to add in the Featured Image Content.

How to enable Featured Image Content?#

  1. Make sure featured content is enabled
  2. Under “Select Content Type”, you need to select “Featured Image Content”
  3. Then, upload Image, add in link, title, content as per your need
  4. Finally, click on “Save & Publish”

Featured Widget Content:

Featured Widget Content is different from above Featured Contents. It is created to give you more control in this placeholder called “Featured Widget Content”. You can add widgets like as advertisement, recent posts, text, images and so on per your need in this Featured Widget content.

How to enable Featured Widget Content and add widgets to Featured Widget Content?#

  1. Make sure featured content is enabled
  2. Under “Select Content Type”, you need to select “Featured Widget Content”
  3. Click on “Save & Publish”
  4. Then go to “Appearance => Widget => Featured Widget Content”, add desired wigets in Featured Widget Content by draging the widget
  5. Make the required changes and “Save” the widget

How to change Featured Content Layout?#

  1. Rock Star Pro currently supports two layouts: 1 column, 2 columns, 3 columns, 4 columns and 5 columns
  2. Make sure featured content is enabled
  3. Go to “Appearance => Customize => Featured Content => Featured Content Options” from your WordPress Dashboard
  4. Under “Select Featured Content Layout”, you can select your desired layout from “1 column, 2 columns, 3 columns, 4 columns and 5 columns”
  5. Finally, click on “Save & Publish”

How to Move Featured Content above Footer?#

  1. Make sure featured content is enabled
  2. Go to “Appearance => Customize => Featured Content => Featured Content Options” from your WordPress Dashboard
  3. Check option, “Check to Move above Footer”
  4. Finally, click on “Save & Publish”

How to change Headline and Subheadline?#

  1. Make sure featured content is enabled
  2. Go to “Appearance => Customize => Featured Content => Featured Content Options” from your WordPress Dashboard
  3. Under “Headline for Featured Content”, you can change the text as needed or Leave field empty if you want to remove Headline
  4. Under “Sub-headline for Featured Content”, you can change the text as needed or Leave field empty if you want to remove Sub-headline
  5. Finally, click on “Save & Publish”

Note:Make sure the number of sliders are greater than the Featured Content Layout(greater than 3 for 3 columns and greater than 4 for 4 columns) for Sliding Effect to be enabled even after checking “Check to Enable Sliding Effect” option.

How to change number of Featured Content?#

  1. Make sure featured content is enabled
  2. Go to “Appearance => Customize => Featured Content => Featured Content Options” from your WordPress Dashboard
  3. Under “No of Featured Content” set number of Featured Content as required(You need to save and refresh the page after changing number of Featured Content)
  4. Finally, click on “Save & Publish”

Note:For best results, it is recommended to set number of featured content to be multiple of Featured Content Layout (E.g. for 3 columns layout, 3, 6, 9 etc. will yield best results).

How to change Featured Content Background Setting?#

  1. Go to “Appearance => Customize => Featured Content => Featured Content Background Settings” from your WordPress Dashboard
  2. You can replace the default logo by clicking on it, or click on “Change Image”
  3. Then you can either upload the image from your computer or select the existing image from your media library
  4. You can select options for image Display Position, Repeat and Attachment as per your need
  5. Finally, click on “Save & Publish”

News Ticker #

Rock Star Pro supports 4 news ticker types to choose from: 1. Post News Ticker, 2. Page News Ticker, 3. Category News Ticker and 4. Custom Text News Ticker. For News Ticker, go to “Appearance =>; Customize =>; News Ticker”.

How to enable News Ticker?#

  1. Go to “Appearance => Customize => News Ticker” from your WordPress Dashboard
  2. To enable news ticker, select “Homepage/Frontpage or Entire Site” option under “Enable News Ticker on”
  3. Under “Select Ticker Type”, Select Ticker Type as “Post News Ticker, Page News Ticker, Category News Ticker or Custom Text News Ticker”
  4. Finally, click on “Save & Publish”

Post News Ticker

Post News Ticker is created to highlight your Post in ticker. So, first you need to create a Post and then add Featured Image to the Post.

How to enable Post News Ticker?#

  1. Make sure news ticker is enabled
  2. Under “Select Ticker Type”, Select Ticker Type as “Post News Ticker”
  3. Then, add in Post ID in Post 1, Post 2 and so on
  4. Finally, click on “Save & Publish”

Note:
When you select post, make sure your post have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Page News Ticker

Page News Ticker is created to highlight your Page in ticker. So, first you need to create a Page and then add Featured Image to the Page.

How to enable Page News Ticker?#

  1. Make sure news ticker is enabled
  2. Under “Select Ticker Type”, Select Ticker Type as “Page News Ticker”
  3. Then, select Page in Page 1, Page 2 and so on
  4. Finally, click on “Save & Publish”

Category News Ticker

Category News Ticker is created to highlight your posts from specific categories in the ticker. So, first you need to create a Post, add Featured Image to the post and assign posts to specific category.

How to enable Category News Ticker?#

  1. Make sure news ticker is enabled
  2. Under “Select Ticker Type”, Select Ticker Type as “Category News Ticker”
  3. Then, select Categories
  4. Finally, click on “Save & Publish”

Custom Text News Ticker

Custom Text News Ticker is created to highlight custom texts and links as news ticker.

How to enable Category News Ticker?#

  1. Make sure news ticker is enabled
  2. Under “Select Ticker Type”, Select Ticker Type as “Custom Text News Ticker”
  3. Then, add Link & Title in News Ticker#1, News Ticker#2 and so on
  4. Finally, click on “Save & Publish”

How to determine news ticker position?#

  1. Go to “Appearance => Customize => News Ticker” from your WordPress Dashboard
  2. To enable ticker, select “Homepage/Frontpage or Entire Site” option under “Enable News Ticker on”
  3. Under “News Ticker Position”, Select position as “Below Menu or Above Content”
  4. Finally, click on “Save & Publish”

How to change Transition Effect?#

  1. Go to “Appearance => Customize => News Ticker” from your WordPress Dashboard
  2. To enable ticker, select “Homepage/Frontpage or Entire Site” option under “Enable News Ticker on”
  3. Under “Transition”, Select the desired effect
  4. Finally, click on “Save & Publish”

How to change number of news ticker?#

  1. Go to “Appearance => Customize => News Ticker” from your WordPress Dashboard
  2. To enable ticker, select “Homepage/Frontpage or Entire Site” option under “Enable News Ticker on”
  3. Then under “No of News Ticker” select the number of news ticker as per need
  4. Finally, click on “Save & Publish”

Rock Star Pro supports 4 featured slider types: 1. Featured Post Slider, 2. Featured Page Slider, 3. Featured Category Slider and 4. Featured Image Slider. For Featured Slider Options, go to “Appearance => Customize => Featured Slider”.

How to enable Featured Slider?#

  1. Go to “Appearance => Customize => Featured Slider” from your WordPress Dashboard
  2. To enable slider, select “Homepage/Frontpage or Entire Site” option under “Enable Slider on”
  3. Under “Select Slider Type”, Select Slider Type as “Featured Page Slider, Featured Page Slider, Featured Category Slider or Featured Image Slider”
  4. Finally, click on “Save & Publish”

Featured Post Slider

Features post slider is created to highlight your Post in the slider. So, first you need to create a Post and then add Featured Image to the Post.
Click here to watch our Video Screencast to add Featured Post/Category Slider.

How to enable Featured Post Slider?#

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Post Slider”
  3. Then, add in Post ID in Featured Post 1, Featured Post 2 and so on
  4. Finally, click on “Save & Publish”

Note: Featured Post is determined according to Number of Slides.

Note:
When you select post, make sure your post have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Page Slider

Features page slider is created to highlight your Page in the slider. So, first you need to create a Page and then add Featured Image to the Page.
Click here to watch our Video Screencast to add Featured Page Slider.

How to enable Featured Page Slider?#

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Page Slider”
  3. Then, select Featured Page under Featured Page #1, Featured Page #2 and so on
  4. Finally, click on “Save & Publish”

Note: Featured Page is determined according to Number of Slides.

Note:
When you select page, make sure your page have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Category Slider

Features category slider is created to highlight your posts from specific categories in the slider. So, first you need to create a Post, add Featured Image to the post and assign posts to specific category.
Click here to watch our Video Screencast to add Featured Post/Category Slider.

How to enable Featured Category Slider?#

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Category Slider”
  3. Then, select Categories
  4. Finally, click on “Save & Publish”

Note:
When you select categories, make sure your posts in those categories have Featured Image. Click here to watch our Video Screencast to add Featured Image.

Featured Image Slider:

Featured Image Slider is created to highlight independent images in the slider. This slider gives you full control to upload your own independent image, with title (optional), content (optional), optional link and target. Just use the following simple steps to add in the Featured Image Slider.
Click here to watch our Video Screencast to add Featured Image Slider.

How to enable Featured Image Slider?#
Features Page Slider Content is created to highlight your Page in the Slider Content. So, first you need to create a Page and then add Featured Image to the Page.

  1. Make sure featured slider is enabled
  2. Under “Select Slider Type”, Select Slider Type as “Featured Image Slider”
  3. Then, upload Image, add in link, title, content as per your need
  4. Finally, click on “Save & Publish”

Note:
When you select page, make sure your page have Featured Image. Click here to watch our Video Screencast to add Featured Image.

How to change Transition Effect, Transition Delay and Transition Length on Slider?#

  1. Make sure featured slider is enabled
  2. Go to “Appearance => Customize => Featured Slider” from your WordPress Dashboard
  3. To change Transition Effect, select option under “Transition Effect”
  4. To change Transition Delay, change number of second(s) under “Transition Delay” as per your need
  5. To change Transition Length, change number of second(s) under “Transition Length” as per your need
  6. Finally, click on “Save & Publish”

Image Loader#

  1. Go to “Appearance => Customize => Featured Slider” from your WordPress Dashboard
  2. Under “Image Loader”, select “True, False or Wait” as per your need
  3. Finally, click on “Save & Publish”

Note:
True: Fixes the height overlap issue. Slideshow will start as soon as two slider are available. Slide may display in random, as image is fetch.
Wait: Fixes the height overlap issue. Slideshow will start only after all images are available.

How to change number of slides?#

  1. Make sure featured slider is enabled
  2. Go to “Appearance => Customize => Featured Slider” from your WordPress Dashboard
  3. Under “No of Slides”, select the number slides as per your need
  4. Finally, click on “Save & Publish”

Note: To see changes in No of Slides please refresh the customizer page

How exclude Slider post from Homepage posts?#

  1. Make sure featured slider is enabled
  2. Go to “Appearance => Customize => Featured Slider” from your WordPress Dashboard
  3. Check option, “Check to exclude Slider post from Homepage posts”
  4. Finally, click on “Save & Publish”

Widgets #

Rock Star Pro has 21 Widgets to choose from. They are: 1. CT: About, 2. CT: Advertisement Codes, 3. CT: Advertisement Images, 4.CT: Audio, 5. CT: Background Image, 6. CT: Breadcrumb 7. CT: Featured Embeds, 8. CT: Featured Images, 9. CT: Featured Pages, 10. CT: Featured Posts, 11. CT: Gallery Images, 12. CT: Gallery Pages, 13. CT: Gallery Posts, 14. CT: Instagram, 15. CT: Newsletter, 16. CT: Promotion Headline, 17. CT: Social Icons, 18. CT: Tag Cloud, 19. CT: Tours, 20. CT: Video Embeds and 21. CT: Video Pages & Posts You can add widget in widget area as per your need.

How to add Widgets in widget area? #

You can add widgets to your widget area from two location
1. Go to “Appearance => Widget”, then drag the widget to the widget area or you can click in the widget then list of widget area will appear, now you can choose desired widget area and click on “Add Widget”.

2. Go to “Appearance => Customize => Widgets”, then you can find list of widget area. Click on the any widget area and you will see “Add a Widget” option by click on it you can find list of Widget which you can add to respected widget area.

How to add “About” information in widget area(CT: About)? #

This widget is used to add About Information

  1. Add CT: About Widget to desired widget area. More Info
  2. Then add “Title”, “Image Title”, “Image URL”, “Image Link”, “Image Alt Text”, “About Text”, “More Link” and “More Text” under respective fields
  3. You can check “Check to Open Link in new Tab/Window” option to open link in new tab
  4. Finally, click on “Save & Publish”

How to add “Advertisement Code” in widget area(CT: Advertisement Codes)? #

This widget is used to add Code as Advertisement.

  1. Add CT: Advertisement Code to desired widget area. More Info
  2. Add “Title”, change “Layout” and “Columns” under respective fields
  3. Then under “Code” you can add codes inside box
  4. Finally, click on “Save & Publish”

How to add “Advertisement Image” in widget area(CT: Advertisement Image)? #

This widget is used to add Image as Advertisement.

  1. Add CT: Advertisement Images to desired widget area. More Info
  2. Add “Title”, change “Layout” and “No of Items” under respective fields
  3. Then under “Image i” add URL of image, you can further add “Image Link” and “Alt Text”
  4. Finally, click on “Save & Publish”

How to add “Audio” in widget area(CT: Audio)? #

This widget is used to add Audio.

  1. Add CT: Audio to desired widget area. More Info
  2. Under “No of Items” add desired number if item you want to add
  3. Then under “Title” add title for widget, you can then add “Title for #1” and upload “Audio File for #1” by clicking on “Upload” button
  4. Then add Album Art by uploading image under “Album Art for #1”
  5. Finally, click on “Save & Publish”

Note: Numbers of audio file can be added by changing “No of Items” option

How to add “Background Image” in widget area(CT: Background Image)? #

This widget is used to add Background Image.

  1. Add CT: Background Images to desired widget area. More Info
  2. Add “Image URL” and click on “Upload” button
  3. Then under “Padding” change the height of image as per you need
  4. Finally, click on “Save & Publish”

How to add “Breadcrumb” in widget area(CT: Breadcrumb)? #

This widget is used to add Breadcrumb

  1. Add CT: Breadcrumb to desired widget area. More Info
  2. To enable Breadcrumb in Homepage check option “Check to enable Breadcrumb in Homepage”
  3. Then under “Separator” change the Breadcrumb separator
  4. Finally, click on “Save & Publish”

How to add “Featured Embeds” in widget area(CT: Featured Embeds)? #

This widget is used to add Featured Embeds Codes.

  1. Add CT: Featured Embeds to desired widget area. More Info
  2. Add “Title” change “Layout” and “No of Items”
  3. Then under “Code 1”, “Code 2” and so on add the codes(Code is determined by no of items selected)
  4. Finally, click on “Save & Publish”

This widget is used to add Featured Images.

  1. Add CT: Featured Images to desired widget area. More Info
  2. Add “Title”, change “Layout”, “No of Items”, “Image Alignment” under respective fields
  3. Then under Image# add “Title”, “Image URL”, “Image Link”, “Alt Text” and “Content” in respective fields
  4. Finally, click on “Save & Publish”

This widget is used add display featured page with thumbnails.

  1. Add CT: Featured Pages to desired widget area. More Info
  2. Add “Title”, “Page ID”, “Layout” under respective fields
  3. Then under “Image Alignment”, “Image Size”, “Content Type”, “Limit content to” and “More Text” you can change as required
  4. You can further find option to “Disable Image” and “Disable Title”
  5. Finally, click on “Save & Publish”

How to add “Featured Posts” in widget area(CT: Featured Posts)? #

This widget is used to display featured posts with thumbnails

  1. Add CT: Featured Posts to desired widget area. More Info
  2. Add “Title”, “No of Posts”, change “Image Alignment” “Image Size” as per your need
  3. Then under “Post Meta Info” click on the field you want to hide, Select “Content Type”, upload “Background Image Url” and change “More Text”
  4. Finally, click on “Save & Publish”

This widget is used add Gallery Image.

  1. Add CT: Gallery Images to desired widget area. More Info
  2. Add “Title”, change “Layout” and “No of Items”
  3. Then under Image# add “Title”, “Image URL”, “Image Link”, “Alt Text” and “Content” in respective fields
  4. Further you can click in “Check to Open Link in new Tab/Window” to open link in new tab
  5. Finally, click on “Save & Publish”

This widget is used to dispaly gallery page with thumbnail.

  1. Add CT: Gallery Pages to desired widget area. More Info
  2. Add “Title”, “Page ID”, change”Layout”, “Image Size”, “Content Type”, “Limit content” and “More Text” under respective fields as per required
  3. You can further find option to “Disable Title”
  4. Finally, click on “Save & Publish”

This widget is used to display post with thumbnails.

  1. Add CT: Gallery Posts to desired widget area. More Info
  2. Add “Title”, change “Select Post From”, “No of Post”, “Order By”, “Order”, “Layout”, “Image Size”, “Content Type” and “More Text” under respective fields
  3. You can further change “Post Meta Info” and “Disable Title”
  4. Finally, click on “Save & Publish”

How to add “Instagram” in widget area(CT: Instagram)? #

This widget is used to display your latest Instagram photos

  1. Add CT: Instagram to desired widget area. More Info
  2. Add “Title”, “Username”, change “Layout”, “Number of photos”, “Instagram Image Size and “Link Text” under respective fields
  3. To open in new tab check “Check to Open Link in new Tab/Window” option
  4. Finally, click on “Save & Publish”

How to add “Instagram” in widget area(CT: Instagram)? #

This widget is used to display your latest posts/pages with thumbnails

  1. Add CT: Latest Posts/Pages to desired widget area. More Info
  2. Add “Title”, “Username”, change “Select Posts From”, “No of Posts”, “Order By”, “Order” and “Layout” as per your need
  3. For Post Meta Info there are various options like “Hide Category, Hide Tags, Hide Posted on Date and Hide to Author”, select “Content Type”, “More Text”, “Link” and change “Button Text”
  4. Finally, click on “Save & Publish”

How to add “Newsletter” in widget area(CT: Newsletter)? #

This widget is used to display posts with thumbnails.

  1. Add CT: Newsletter to desired widget area. More Info
  2. Add “Title”, “Text To Show Before Form”, “Text To Show After Form”, change “Service” under respective fields
  3. Finally, click on “Save & Publish”

How to add “Promotion Headline” in widget area(CT: Promotion Headline)? #

This widget is used to add Promotion Headline.

  1. Add CT: Promotion Headline to desired widget area. More Info
  2. Add “Headline”, “Sub Headline”, “Button Link” and change “Button Text”, under respective fields as per your need
  3. For Background Image URL click “Upload” button
  4. Finally, click on “Save & Publish”

How to add “Social Icon” in widget area(CT: Social Icon)? #

This widget is used to add social icons as a widget.

  1. Add CT: Social Icon to desired widget area. More Info
  2. Add “Title” under the respective field.
  3. Finally, click on “Save & Publish”

How to add “Tag Cloud” in widget area(CT: Tag Cloud)? #

This widget is used to display Custom Tag Cloud with selected layout .

  1. Add CT: Tag Cloud to desired widget area. More Info
  2. Add “Title” , “No of Items”, “Skins”, “Sequence” under the respective field.
  3. Further you can choose “Taxonomies to be used”, add “Custom Taxonomy”
  4. Finally, click on “Save & Publish”

How to add “Tours” in widget area(CT: Tours)? #

This widget is used to add Tours .

  1. Add CT: Tours to desired widget area. More Info
  2. Add “Title”, “No of Items”, under “Tour1” add the content in the respective fields
  3. Finally, click on “Save & Publish”

Note: Numbers of Tours can be added by changing No. of Items

How to add “Video Embeds” in widget area(CT: Video Embeds)? #

This widget is used to add video Embed Codes.

  1. Add CT: Video Embeds to desired widget area. More Info
  2. Add “Title” , change “No of Items” as per your need
  3. Then add Codes under “Code1”, “Code2” and so on
  4. Finally, click on “Save & Publish”

How to add “Video Post/Pages” in widget area(CT: Video Posts/Pages)? #

This widget is used to add video Embed Codes.

  1. Add CT: Video Posts/Pages to desired widget area. More Info
  2. Add “Title” , select “categories, “change “No of Post” as per your need
  3. Then add “Link” and “Link Text” in respective field.
  4. Finally, click on “Save & Publish”

Embed Multimedia into Posts or Pages #

For externally hosted videos (for example a YouTube or Vimeo video), you can directly paste the link of your video page into the content editor. You do not necessarily have to paste the embed code in the content. WordPress will automatically embed the video from the link.

Webmaster Tools #

We have moved Webmaster Tools to our plugin Catch Web Tools for better management and data access. So, just install Catch Web Tools plugin and activate “Webmaster Tools” from Catch Web Tools plugin dashboard. You can verify your site on Google, Yahoo and Bing by adding in the IDs in the respective boxes through “Catch Web Tools => Webmaster Tools” in your WordPress Dashboard. Further, you can add in the Google Analytic. Adding scripts in Header and Footer does not require you to edit codes through Webmaster Tools.

How to Insert Site Verification IDs?

  1. Go to “Catch Web Tools => Webmaster Tools => Site Verification” in your WordPress Dashboard
  2. Enter the Site Verification ID (Google, Yahoo, Bing) wherever you wish to verify your site
  3. Click on Save Changes button

How to Insert Analytics / Other Scripts in Header/Footer?

  1. Go to “Catch Web Tools => Webmaster Tools => Header and Footer Scripts” in your WordPress Dashboard
  2. Here you can add in various scripts like, google, facebook etc.
  3. Enter the script in upper text area, for text you want to load on Header
  4. Enter the script in lower text area, for text you want to load on Footer
  5. Click on Save Changes button

Translating Your Theme with WPML#

Basic Setup
Rock Star Pro is WPML-compatible, that means all the text in this theme can be translated to the language of your choice. To begin, be sure you have the WPML Plugin installed and activated, along with WPML String Translation plugin.

For First Time Setup
To set up WPML for the first time, follow their Getting Started Guide.
To begin translating, select WPML (in the Dashboard menu) => String Translation. You should see a list of the strings in the theme, with blue translation links to the right. Click these links to reveal the list of languages you use on your blog and the associated translations. Go to this link for more details.

Translating your content
To translate your posts, pages and custom data types, go to this link

Recommended Plugins
* Catch Web Tools for Webmaster Tools, To Top, Catch IDs and so on
* Essential Content Type
* Contact Form 7 for Contact Form
* WooCommerce for E-commerce
* WPML for multi-language
* Regenerate Thumbnails to for Regenerating Thumbnails
* Jetpack for Infinite Scroll, Gallery, Stats, Image CDN and many more

Exit mobile version