Vyrva

Music Band & Musician Template

Thank you for purchasing my theme. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here or create a ticket on our support forum. Thanks so much!

About

Vyrva is a HTML Template for music bands, professional deejays, singers and for any artist related with the music industry that want to show his talent and sounds to the world.

HTML Structure

This template is a responsive layout with 12 columns. The general template structure is the same throughout the template. Here is the general structure.


        	

				

					

						...
					

					

						

							...

CSS files and structure

We are using 4 css sources in this template.

  1. style.css - Contains all of the specific stylings for the template.
  2. dark.css - Contains all of the specific stylings to change the template color scheme to dark.
  3. animate.css & animsition.min.css - Contains all of the specific stylings for the included animations.
  4. all.min.css - Contains all of the specific stylings for FontAwesome.
  5. bootstrap.min.css - Contains all of the specific stylings for Bootstrap elements (grid,...).
  6. responsive.css - Contains all of the specific responsive stylings.
  7. slick-theme.css and slick.css - Contains all of the specific stylings for Slick.
  8. revolution - Contains all of the specific stylings for Revolution Slider.
style.css is separated into sections using: 
			1 - UNIQUE HOMEPAGE 
			2 - RESET CSS
			3 - ABOUT US
			4 - TEAM
			5 - PROCESS SECTION
			6 - LATEST PROJECTS
			7 - TESTIONIAL SECTION
			8 - CONSULTATION HELP
			9 - BLOG POSTS SECTION
If you would like to edit a specific section of the site, simply find the appropriate label in the CSS file, and then scroll down until you find the appropriate style that needs to be edited.

Tutorial

Lets start editing the template. Open index.html file and follow the steps below.

Most of the edits are the same for all versions.

Header - Logo
  1. Replace LOGO_TEXT with any text you like.

Navmenu

This is the basic structure.
  1. Replace MENU_ITEM_TITLE with the name of the item.
  2. Replace MENU_ITEM_URL with an external link to the page.
  3. Replace MENU_SOCIAL_ICON_URL with an external link to the page.
  4. Replace MENU_SOCIAL_ICON with FontAwesome icon name.
  5. Apply the same instructions for every menu item. You can add multiple menu items.
  6. You can also add nested elements by following NESTED_MENU example.

Mobile Navmenu

This is the basic structure of Mobile Menu.
  1. Replace MENU_ITEM_TITLE with the name of the item.
  2. Replace MENU_ITEM_URL with an external link to the page.
  3. Apply the same instructions for every menu item. You can add multiple menu items.
  4. You can also add nested elements by following NESTED_MENU example.

Slider Revolution

This is the basic structure of the main slider. 

        

		    
		    

		        

		            
		        

		        
		    

		    

		    

				

					

						

							

								
							

							

								
MUSIC_PLAYER_TITLE

								MUSIC_PLAYER_ALBUM_TITLE
  1. Replace REV_SLIDE_IMAGE with a slide background image URL.
  2. Replace REV_SLIDE_TITLE with a title.
  3. Replace REV_SLIDE_TEXT with a text.
  4. Replace REV_SLIDE_BUTTON_TITLE with a button title.
  5. Replace REV_SLIDE_BUTTON_URL with a store URL.
  6. Replace MUSIC_PLAYER_TITLE with the song title.
  7. Replace MUSIC_PLAYER_ALBUM_TITLE with the album title.

New Album


		

			

				

					
ALBUM_SECTION_TITLE

				

				

					
					
ALBUM_SECTION_DESC
  1. Replace ALBUM_SECTION_TITLE with the section title.
  2. Replace ALBUM_SECTION_URL with the album url.
  3. Replace ALBUM_SECTION_DESC with the section description.

Upcoming Shows


		

			

				

					
SHOWS_SECTION_TITLE

					
SHOWS_SECTION_DESC

				

				

					

						

							
							
SHOWS_SECTION_ITEM_SHOW SHOWS_SECTION_ITEM_DATE

							

								
SHOWS_SECTION_ITEM_TITLE

								
SHOWS_SECTION_ITEM_LOC

								BOOK MY TICKET
							

						

					

					...
				

				

					View all shows
  1. Replace SHOWS_SECTION_TITLE with the section title.
  2. Replace SHOWS_SECTION_DESC with the section description.
  3. Replace SHOWS_SECTION_ITEM_SHOW with the show description.
  4. Replace SHOWS_SECTION_ITEM_DATE with the show date.
  5. Replace SHOWS_SECTION_ITEM_TITLE with the show title.
  6. Replace SHOWS_SECTION_ITEM_LOC with the show location.
  7. Replace SHOWS_SECTION_ITEM_BOOK with the show booking link.

Artist Bio


		

			

				

					

						

							
ARTIST_TITLE

							ARTIST_QUOTE
							
ARTIST_DESC

							
    
								
    • 
								...
  1. Replace ARTIST_TITLE with the section title.
  2. Replace ARTIST_QUOTE with the section quote.
  3. Replace ARTIST_DESC with the section description.
  4. Replace ARTIST_SOCIAL_URL with the social url.
  5. Replace ARTIST_IMAGE with the image url.

New Music Video


		

			

				

					
					
VIDEO_SECTION_TITLE
  1. Replace VIDEO_SECTION_TITLE with the section title.
  2. Replace VIDEO_SECTION_URL with video url.

Featured Playlists


		

			

				

					
PLAYLISTS_SECTION_TITLE

				

				

					

						

							

								
								
							

							

								
PLAYLISTS_TITLE

								
PLAYLISTS_DESC.

							

						

					

					...
  1. Replace PLAYLISTS_SECTION_TITLE with the playlists section title.
  2. Replace PLAYLISTS_IMAGE with the playlists item featured image.
  3. Replace PLAYLISTS_URL with the playlists item URL.
  4. Replace PLAYLISTS_TITLE with the playlists item title.
  5. Replace PLAYLISTS_DESC with the playlists item description.

Last Shorts

		

			

				

					
SHORTS_SECTION_TITLE

				

				

					

						

							

								
							

							

								
SHORTS_SECTION_SHORT_TITLE

								
SHORTS_SECTION_SHORT_DESC

								
							

						

					

					...
  1. Replace SHORTS_SECTION_TITLE with the section title.
  2. Replace SHORTS_SECTION_SHORT_SRC with the short video url.
  3. Replace SHORTS_SECTION_SHORT_TITLE with the short title.
  4. Replace SHORTS_SECTION_SHORT_DESC with the short description.
  5. Replace SHORTS_SECTION_SHORT_SOCIAL_URL with short social urls.

Networks

		

			

				

					
FOOTER_INFO_SECTION_TITLE

					
FOOTER_INFO_SECTION_DESC

				

				

					

						
					

					...
				

				

					
    
						
  • CONTACT
    • 
						
  • FOOTER_INFO_EMAIL
    •
  1. Replace FOOTER_INFO_SECTION_TITLE with the section title.
  2. Replace FOOTER_INFO_SECTION_DESC with the section description.
  3. Replace FOOTER_INFO_IMAGE with a partner logo.
  4. Replace FOOTER_INFO_EMAIL with email.

Stay In Touch
  1. Replace SUBSCRIBE_SECTION_TITLE with the section title.
  2. Replace SUBSCRIBE_SECTION_DESC with the section description.
  3. Replace SUBSCRIBE_SECTION_BUTTON with Button Text.

Footer

		

			

				

					
FOOTER_COPYRIGHT_TEXT
  1. Replace FOOTER_COPYRIGHT_TEXT with the copyright text.
  2. Replace FOOTER_SOCIAL_URL with Social item URL.

Dark

Please also note that our Template has Dark version. To get one please go to the template folder and look for .html files with -dark in the name.

Thats it. You are done. Now your website is ready to launch.

How to rate this item

Just click http://themeforest.net/downloads and you will see our template among other purchased items.
Your review helps us to support this product and create more. Thank you!

Credits

This template imports some javascript source below.

jQuery plugins
  1. jQuery
  2. TWEENMAX
  3. WOW
  4. Popper
  5. Isotope
  6. Swipebox
  7. Slick
  8. jPlayer Plugin for jQuery JavaScript Library
  9. Slider Revolution
Icon fonts
  1. Font Awesome
Fonts
  1. Bakbak One
  2. IBM Plex Sans
  3. Michroma
  4. Roboto
  5. Unbounded

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Jellythemes