PageSourceSearch
Opt out API access

https://hashthemes.com/documentation/viral-news-documentation/

html hashthemes.com collected 2026-09-24 08:37:22 UTC 85,585 bytes, 197 lines download raw bytes 

1<!DOCTYPE html><html lang="en-US" prefix="og: https://ogp.me/ns#"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="msvalidate.01" content="1EC0779B3DAAD72787196271F686B01B" /><meta name="google-site-verification" content="6dyfuwFEGHoe9VXZL-XIKaE-VuvvhLjJhmQ52YRrpok" /><meta name="google-site-verification" content="UcvOKoEagx70VjuwmH7NFvXJ_BqER4vav-UD7FET7wc" /><link rel="stylesheet" media="print" onload="this.onload=null;this.media='all';" id="ao_optimized_gfonts" href="https://fonts.googleapis.com/css?family=Inter:400,500,600%7CPlus+Jakarta+Sans:500,600,700,800&amp;display=swap"><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link media="all" href="https://hashthemes.com/wp-content/cache/autoptimize/css/autoptimize_d14afd219f42d75a1f3dda48e1aeed55.css" rel="stylesheet"><title>Viral News Documentation - HashThemes</title><meta name="description" content="This is the documentation of our free WordPress theme - Viral News. It will guide you through the installation, configuration, and customization options."/><meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/><link rel="canonical" href="https://hashthemes.com/documentation/viral-news-documentation/" /><meta property="og:locale" content="en_US" /><meta property="og:type" content="article" /><meta property="og:title" content="Viral News Documentation - HashThemes" /><meta property="og:description" content="This is the documentation of our free WordPress theme - Viral News. It will guide you through the installation, configuration, and customization options." /><meta property="og:url" content="https://hashthemes.com/documentation/viral-news-documentation/" /><meta property="og:site_name" content="HashThemes" /><meta property="article:publisher" content="https://www.facebook.com/hashtheme" /><meta property="og:updated_time" content="2024-05-30T11:25:04+05:45" /><meta name="twitter:card" content="summary_large_image" /><meta name="twitter:title" content="Viral News Documentation - HashThemes" /><meta name="twitter:description" content="This is the documentation of our free WordPress theme - Viral News. It will guide you through the installation, configuration, and customization options." /><meta name="twitter:site" content="@hash_themes" /><meta name="twitter:creator" content="@hash_themes" /><link rel='dns-prefetch' href='//client.crisp.chat' /><link href='https://fonts.gstatic.com' crossorigin='anonymous' rel='preconnect' /><link rel="alternate" type="application/rss+xml" title="HashThemes &raquo; Feed" href="https://hashthemes.com/feed/" /><link rel="alternate" type="application/rss+xml" title="HashThemes &raquo; Comments Feed" href="https://hashthemes.com/comments/feed/" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://hashthemes.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhashthemes.com%2Fdocumentation%2Fviral-news-documentation%2F" /><link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://hashthemes.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fhashthemes.com%2Fdocumentation%2Fviral-news-documentation%2F&#038;format=xml" /> 

1<script id="jquery-core-js" src="https://hashthemes.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>

1 

1<script id="jquery-migrate-js" src="https://hashthemes.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>

1 

1<script id="cookie-law-info-js-extra">var Cli_Data = {"nn_cookie_ids":[],"cookielist":[],"non_necessary_cookies":[],"ccpaEnabled":"","ccpaRegionBased":"","ccpaBarEnabled":"","strictlyEnabled":["necessary","obligatoire"],"ccpaType":"gdpr","js_blocking":"1","custom_integration":"","triggerDomRefresh":"","secure_cookies":""};
2var cli_cookiebar_settings = {"animate_speed_hide":"500","animate_speed_show":"500","background":"#FFF","border":"#b1a6a6c2","border_on":"","button_1_button_colour":"#4476f3","button_1_button_hover":"#365ec2","button_1_link_colour":"#fff","button_1_as_button":"1","button_1_new_win":"","button_2_button_colour":"#333","button_2_button_hover":"#292929","button_2_link_colour":"#444","button_2_as_button":"","button_2_hidebar":"","button_3_button_colour":"#dedfe0","button_3_button_hover":"#b2b2b3","button_3_link_colour":"#333333","button_3_as_button":"1","button_3_new_win":"","button_4_button_colour":"#2d3e52","button_4_button_hover":"#243242","button_4_link_colour":"#ffffff","button_4_as_button":"1","button_7_button_colour":"#4476f3","button_7_button_hover":"#365ec2","button_7_link_colour":"#fff","button_7_as_button":"1","button_7_new_win":"","font_family":"inherit","header_fix":"","notify_animate_hide":"1","notify_animate_show":"","notify_div_id":"#cookie-law-info-bar","notify_position_horizontal":"right","notify_position_vertical":"bottom","scroll_close":"","scroll_close_reload":"","accept_close_reload":"","reject_close_reload":"","showagain_tab":"","showagain_background":"#fff","showagain_border":"#000","showagain_div_id":"#cookie-law-info-again","showagain_x_position":"100px","text":"#333333","show_once_yn":"","show_once":"10000","logging_on":"","as_popup":"","popup_overlay":"1","bar_heading_text":"","cookie_bar_as":"widget","popup_showagain_position":"bottom-right","widget_position":"left"};
3var log_object = {"ajax_url":"https://hashthemes.com/wp-admin/admin-ajax.php"};
4//# sourceURL=cookie-law-info-js-extra</script>

4 

4<script id="cookie-law-info-js" src="https://hashthemes.com/wp-content/cache/autoptimize/js/autoptimize_single_194741c7fd05319b68161cfcd66a3cc0.js?ver=3.5.6"></script>

4 <link rel="https://api.w.org/" href="https://hashthemes.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://hashthemes.com/wp-json/wp/v2/documentation/17771" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://hashthemes.com/xmlrpc.php?rsd" /><link rel='shortlink' href='https://hashthemes.com/?p=17771' /><meta name="generator" content="Easy Digital Downloads v3.7.1" /><meta name="generator" content="Elementor 4.3.0; features: additional_custom_breakpoints; settings: css_print_method-external, google_font-enabled, font_display-auto"><link rel="icon" href="https://hashthemes.com/wp-content/uploads/2020/04/favicon.png" sizes="32x32" /><link rel="icon" href="https://hashthemes.com/wp-content/uploads/2020/04/favicon.png" sizes="192x192" /><link rel="apple-touch-icon" href="https://hashthemes.com/wp-content/uploads/2020/04/favicon.png" /><meta name="msapplication-TileImage" content="https://hashthemes.com/wp-content/uploads/2020/04/favicon.png" /><style id="wp-custom-css">.elementor-element-d1cfb5d{
5	display:block !important;
6}
7.elementor-element-0c88893{
8	display:var(--display, flex) !important;
9}
10.ht--pricing-table.style2{
11	box-shadow: 0 0 15px rgba(0,0,0,0.15);
12}
13
14.ht--pricing-table.style2 .ht--pricing-button a{
15	border: none;
16}
17
18.black-friday{
19	display:inline-block;
20	margin-right: 10px;
21	font-size: 20px;
22	font-weight: 700;
23	font-family: "Jost";
24}
25
26#promo-bar > img{
27	width: 200px;
28	bottom: 10px !important;
29}
30
31.bf-strip{
32    position: absolute;
33    white-space: nowrap;
34    overflow: hidden;
35    padding: 4px 0;
36    color: #fff;
37    font-size: 12px;
38    font-weight: 600;
39    line-height: 120%;
40    letter-spacing: .72px;
41    text-transform: uppercase;
42    margin-left: -7px;
43    background: #000;
44    bottom: 0;
45}
46
47.bf-strip:before{
48}
49
50.comment-content a{
51	text-decoration: underline;
52}
53
54#promo-bar:before{
55	background-image: url('https://hashthemes.com/wp-content/uploads/2021/12/christmas-banner.jpg');
56}
57
58@media screen and (max-width: 768px) {
59	#primary-full-width-narrow{
60		width: 100%;
61	}
62	#edd_checkout_form_wrap legend{
63		white-space: initial;
64	}
65}
66
67#edd-gateway-option-2checkout-plus .edd-payment-icons,
68.edd-payment-icons img.payment-icon,
69#edd-gateway-option-2checkout-payjs .edd-payment-icons{
70	display: none !important;
71}
72
73.edd-blocks-form__cart .edd-blocks-cart__row-footer{
74	border-top: 1px solid var(--edd-blocks-light-grey);
75}
76
77#edd-gateway-option-2checkout-plus:after{
78	    content: " (Secure OffSite Payment)";
79    font-size: 13px;
80    vertical-align: middle;
81}
82
83.ht-checkout-notice{
84	font-size: 14px;
85	color: #666;
86	text-align: center;
87}
88
89.ht--header-bar .mid-content{
90	justify-content: center;
91}
92
93.ht--header-bar .ht--countdown label {
94    display: block;
95    font-size: 11px;
96    font-weight: 400;
97    margin-top: 2px
98}
99
100.ht--header-bar .ht--countdown>div {
101    background: #000;
102    line-height: 1;
103    margin: -5px 5px;
104    padding: 10px;
105    font-size: 16px;
106    font-weight: 700;
107    border-radius: 2px;
108    background: #fff;
109    color: #000;
110    text-shadow: none
111}
112
113@media screen and (max-width:1200px){
114	.ht--header-bar{
115		background-image: none;
116	}
117	.ht--header-bar .ht--countdown-info{
118	display: block;
119}
120}
121
122#colophon{
123}
124
125#promo-bar{
126	padding-bottom: 40px;
127}
128
129#promo-bar > img {
130    left: 10px;
131    bottom: 15px;
132	width: 260px
133}
134
135.hcfu-button button:hover{
136	border: 0;
137}
138
139.btn,
140.theme-details .edd-submit, .theme-details .edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js, .demo-download-bttn a{
141	box-shadow: inset -1px -3px 7.8px 0 rgba(27,27,27,.25),inset 1px 3px 8px 0 hsla(0,0%,100%,.2),0 4px 8px -2px rgba(27,27,27,.14),0 2px 4px -2px rgba(27,27,27,.1);
142}
143
144#edd-gateway-option-stripe .edd-payment-icons{
145	display: none !important;
146}</style>
vendor: 64 bytes, line 146
146 <script async src="https://www.googletagmanager.com/gtag/js?id=

146G-L1P02LGLW1
vendor: 12 bytes, line 146
146"></script> 

146<script>
vendor: 195 bytes, lines 146-152
146window.dataLayer = window.dataLayer || [];
147            function gtag() {
148                dataLayer.push(arguments);
149            }
150            gtag('js', new Date());
151
152            gtag('config', '

152G-L1P02LGLW1
vendor: 3 bytes, line 152
152');

152</script>

152 </head><body class="wp-singular documentation-template-default single single-documentation postid-17771 wp-custom-logo wp-embed-responsive wp-theme-hashtheme edd-js-none elementor-default elementor-kit-62371"> 

152<script type="text/javascript" id="bbp-swap-no-js-body-class">document.body.className = document.body.className.replace( 'bbp-no-js', 'bbp-js' );</script>

152 

152<script>(function(){var c = document.body.classList;c.remove('edd-js-none');c.add('edd-js');})();</script>

152 <div id="page" class="site"><div class="ht--header-bar"><div class="mid-content"><div class="ht--countdown-info"> <span class="black-friday">⚡️⚡️ FLASH SALE ! ⚡️⚡️</span> Don’t Miss the Sale!<strong class="ht-animate-heart">20%</strong>OFF!!! 🔖 Use Coupon Code <strong>FLASH</strong> at checkout.</div></div></div><header id="masthead" class="site-header"><div class="mid-content"><div class="site-branding"> <a class="site-logo-link" href="https://hashthemes.com/" rel="home" aria-label="HashThemes - Home"> <span class="site-logo site-logo--header"><img fetchpriority="high" width="585" height="100" src="https://hashthemes.com/wp-content/uploads/2020/04/hashthemes.png" class="site-logo-img" alt="HashThemes" loading="eager" decoding="async" /></span> </a></div> <button class="toggle-nav" type="button" aria-label="Toggle menu" aria-expanded="false"><span></span></button><nav class="site-navigation"><ul id="menu-primary-menu" class="clearfix"><li id="menu-item-18" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-18"><a href="https://hashthemes.com/">Home</a></li><li id="menu-item-24" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-24"><a href="https://hashthemes.com/wordpress-theme/">WordPress Themes</a><ul class="sub-menu"><li id="menu-item-6895" class="menu-item menu-item-type-taxonomy menu-item-object-themes menu-item-6895"><a href="https://hashthemes.com/themes/free-wordpress-themes/">Free WordPress Themes</a></li><li id="menu-item-6896" class="menu-item menu-item-type-taxonomy menu-item-object-themes menu-item-6896"><a href="https://hashthemes.com/themes/premium-wordpress-themes/">Premium WordPress Themes</a></li></ul></li><li id="menu-item-47694" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children menu-item-47694"><a href="https://hashthemes.com/plugins/">WordPress Plugins</a><ul class="sub-menu"><li id="menu-item-56632" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-56632"><a href="#">Free</a><ul class="sub-menu"><li id="menu-item-51083" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51083"><a href="https://wordpress.org/plugins/hash-form/">Hash Form &#8211; Drag &#038; Drop Form Builder</a></li><li id="menu-item-56634" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-56634"><a href="https://wordpress.org/plugins/super-product-filter/">Super Product Filter for WooCommerce</a></li><li id="menu-item-47697" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47697"><a target="_blank" href="https://demo.hashthemes.com/easy-elementor-addons/">Easy Elementor Addons</a></li><li id="menu-item-47700" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47700"><a target="_blank" href="https://wordpress.org/plugins/simple-floating-menu/">Simple Floating Menu</a></li><li id="menu-item-47699" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47699"><a target="_blank" href="https://wordpress.org/plugins/mini-ajax-woo-cart/">Mini Ajax Woo Cart</a></li><li id="menu-item-47698" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47698"><a target="_blank" href="https://wordpress.org/plugins/hash-elements/">Hash Elements</a></li><li id="menu-item-47701" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47701"><a target="_blank" href="https://wordpress.org/plugins/smart-blocks/">Smart Blocks</a></li></ul></li><li id="menu-item-56633" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-56633"><a href="#">Premium</a><ul class="sub-menu"><li id="menu-item-51084" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-51084"><a href="https://demo.hashthemes.com/super-woocommerce-product-filter/">Super WooCommerce Product Filter</a></li><li id="menu-item-47695" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47695"><a target="_blank" href="https://demo.hashthemes.com/super-floating-and-flying-menu/">Super Floating &#038; Flying Menu</a></li><li id="menu-item-47696" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-47696"><a target="_blank" href="https://demo.hashthemes.com/ultimate-woocommerce-carts/">WooCommerce Ajax Cart</a></li></ul></li></ul></li><li id="menu-item-2056" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-ancestor current_page_ancestor menu-item-has-children menu-item-2056"><a href="https://hashthemes.com/documentation/">Docs</a><ul class="sub-menu"><li id="menu-item-6651" class="menu-item menu-item-type-post_type_archive menu-item-object-articles menu-item-6651"><a href="https://hashthemes.com/articles/">Articles</a></li><li id="menu-item-35633" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-35633"><a href="https://hashthemes.com/documentation/#docs-free-themes">Free Themes</a><ul class="sub-menu"><li id="menu-item-2057" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-2057"><a href="https://hashthemes.com/documentation/total-documentation/">Total Documentation</a></li><li id="menu-item-2158" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-2158"><a href="https://hashthemes.com/documentation/square-documentation/">Square Documentation</a></li><li id="menu-item-2124" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-2124"><a href="https://hashthemes.com/documentation/hashone-documentation/">HashOne Documentation</a></li><li id="menu-item-2187" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-2187"><a href="https://hashthemes.com/documentation/viral-documentation/">Viral Documentation</a></li><li id="menu-item-17885" class="menu-item menu-item-type-post_type menu-item-object-documentation current-menu-item menu-item-17885"><a href="https://hashthemes.com/documentation/viral-news-documentation/" aria-current="page">Viral News Documentation</a></li><li id="menu-item-35632" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-35632"><a href="https://hashthemes.com/documentation/viral-mag-documentation/">Viral Mag Documentation</a></li></ul></li><li id="menu-item-35634" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-35634"><a href="https://hashthemes.com/documentation/#docs-premium-themes">Premium Themes</a><ul class="sub-menu"><li id="menu-item-38321" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-38321"><a href="https://hashthemes.com/documentation/total-plus-plugin-documentation/">Total Plus Documentation</a></li><li id="menu-item-18738" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-18738"><a href="https://hashthemes.com/documentation/square-plus-documentation/">Square Plus Documentation</a></li><li id="menu-item-18455" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-18455"><a href="https://hashthemes.com/documentation/viral-pro-documentation/">Viral Pro Documentation</a></li></ul></li><li id="menu-item-49808" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-49808"><a href="https://hashthemes.com/documentation/#docs-plugins">Plugins</a><ul class="sub-menu"><li id="menu-item-49809" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-49809"><a href="https://hashthemes.com/documentation/ultimate-woocommerce-ajax-cart-documentation/">Ultimate WooCommerce Ajax Cart &#038; Added To Cart Popup Documentation</a></li><li id="menu-item-50109" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-50109"><a href="https://hashthemes.com/documentation/super-floating-and-fly-menu-documentation/">Super Floating and Fly Menu Documentation</a></li><li id="menu-item-51250" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-51250"><a href="https://hashthemes.com/documentation/super-woocommerce-product-filter-documentation/">Super WooCommerce Product Filter Documentation </a></li><li id="menu-item-53500" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-53500"><a href="https://hashthemes.com/documentation/hash-form-drag-and-drop-form-builder

152-documentation/">Hash Form Documentation</a></li><li id="menu-item-59323" class="menu-item menu-item-type-post_type menu-item-object-documentation menu-item-59323"><a href="https://hashthemes.com/documentation/easy-elementor-addons-documentation/">Easy Elementor Addons Documentation</a></li></ul></li></ul></li><li id="menu-item-6386" class="menu-item menu-item-type-post_type_archive menu-item-object-forum menu-item-6386"><a href="https://hashthemes.com/support/">Support</a></li><li id="menu-item-383" class="menu-item menu-item-type-post_type menu-item-object-page current_page_parent menu-item-383"><a href="https://hashthemes.com/blog/">Blog</a></li><li id="menu-item-685" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-685"><a href="https://hashthemes.com/contact/">Contact</a></li><li class="menu-item-account"><a href="https://hashthemes.com/login/"><span class="lnr lnr-user"></span>Login</a></li></ul></nav></div></header><div id="content" class="site-content"><div class="page-header"><div class="mid-content"><h1 class="page-title">Viral News Documentation</h1></div></div><div class="mid-content docs-hub"><nav class="doc-crumbs" aria-label="Breadcrumb"> <a href="https://hashthemes.com/">Home</a> <span aria-hidden="true">/</span> <a href="https://hashthemes.com/documentation/">Documentation</a> <span aria-hidden="true">/</span> <span aria-current="page">Viral News Documentation</span></nav><p class="wp-block-paragraph">This documentation will guide you through the installation, configuration and customization option of the theme.</p><p class="wp-block-paragraph">If you have any questions or need any assistance related to the theme, feel free to open a <a href="https://hashthemes.com/support/forum/viral-news/">support ticket</a>. Our support team will be more than happy to help you out.</p><div class="doc-wrapper clearfix"><div class="doc-menu"><div id="doc-list"></div></div><div class="doc-content"><h2 class="header" id="Theme-Installation">Theme Installation</h2><h3 class="header" id="Installation-via-FTP/cPanel">Installation via FTP/cPanel</h3><ul><li>Download a copy of Viral News zip file.</li><li>Save the downloaded theme zip file in your hard drive.</li><li>Extract the downloaded zip file you will find a folder with style and other theme files inside it.</li><li>Now Connect the FTP server using the FTP details and copy the extracted folder to ‘site-name/wp-content/themes/’ path.</li><li>Now go to the <strong>Dashboard &gt; Appearance &gt; Themes</strong>.</li><li>You’ll see the <strong>Viral News</strong> theme in the theme dashboard.</li><li><strong>Activate</strong> the theme.</li></ul><h3 class="header" id="Install-via-WordPress-Dashboard">Install via WordPress Dashboard</h3><p>To install the theme via WordPress Dashboard follow these steps:</p><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Themes</strong>.</li><li>Click on <strong>Add New</strong> button then search for the <strong>Viral News keyword</strong> in the search field.</li><li>Hover over the <strong>Viral News theme</strong> from the search result and click on the Install button.</li><li>Once installed activate the theme.</li></ul><h2 class="header" id="Import-Demo-Content">Import Demo Content</h2><p><strong>Viral News theme</strong> comes with a <strong>one-click demo import feature</strong>. It will allow you to install the demo data in a single click and save your time as you won’t have to build your website from scratch. To install the demo data on the website:</p><ul><li>Go to <strong>Appearance &gt; Viral News Settings</strong>.</li><li>On the right side of the page, you will see a <strong>Demo Importer Section</strong>. Click on the “<strong>Install Demo Importer Plugin” button</strong>.</li></ul><p><img decoding="async" class="alignnone size-full wp-image-18474" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-settings.png" alt="" width="1320" height="1220" /></p><ul><li>After the plugin is installed and activated, click on the “<strong>Go to Demo Importer Page”</strong></li><li>You will land on the <strong>HashThemes</strong> <strong>OneClick Demo Importer Page</strong> where you will see a list of free and premium demos.</li><li>There are 2 types of demos available i.e. <strong>Customizer</strong> and <strong>Elementor. </strong>You can easily separate the demo types by clicking on their respective tabs.</li></ul><p style="text-align: center;"><img decoding="async" class="alignnone wp-image-49698 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-customizer.png" alt="" width="1853" height="929" /></p><p style="text-align: center;">Viral News: Customizer Demo</p><ul><li>If you want to make all the configuration and customization of your website from the <strong>WordPress customizer</strong>, you can import the <strong>customizer demo</strong>.</li></ul><p style="text-align: center;"><a href="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-elementor.png"><img decoding="async" class="alignnone wp-image-49699 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-elementor.png" alt="" width="1852" height="924" /></a></p><p style="text-align: center;">Viral News: Elementor Demo</p><ul><li>If you want to make all the configuration and customization of your website from the <strong>Elementor page builder</strong>, you can import the <strong>Elementor</strong> demo.</li><li>You can directly install the free demos. While for the premium demos, you need to purchase the pro version of the theme – <a href="https://hashthemes.com/wordpress-theme/viral-pro/">Viral Pro</a>.</li><li>Click on the “<strong>Preview</strong>” button to get a quick view of the demo and the “<strong>Install</strong>” button to install the demo.</li><li>On clicking the <strong>“Install Button”</strong> a popup will appear that will show the list of required plugins for demo import and to reset your website. If you do not have important content then it is recommended to reset the website so that demo import works flawlessly. Resetting websites will delete all your content.</li></ul><p><noscript><img loading="lazy" decoding="async" class="size-full wp-image-18473 aligncenter" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-import-demo.png" alt="" width="820" height="670" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20820%20670%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload size-full wp-image-18473 aligncenter" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-import-demo.png" alt="" width="820" height="670" /></p><ul><li>If you have no problem resetting your website then check the “<strong>Reset Website</strong>” option and click on the “<strong>Import Demo</strong>” button.</li><li>The demo installation window will appear that will install all the required contents like XML content, customizer settings, widgets, and other required contents.</li><li>Congratulation, the demo data is successfully installed on your website. Now you can view your imported website.</li></ul><p><strong>You can also check out our video tutorial for a better understanding of how to import demo content on your website using HashThemes Demo Importer Plugin:</strong> https://www.youtube.com/watch?v=FCViyER0vTo</p><h2 class="header" id="Home-Page-Setup">Home Page Setup</h2><h3 class="header" id="Configure-Front-Page-to-Display-Featured-Home-Page">Configure Front Page to Display Featured Home Page</h3><p>Featured Home Page refers to the home page with various section such as About Us section, Featured Block Section, Portfolio Section and more. To display a static front page follow these steps:</p><ul><li>Go to <strong>Appearance &gt; Customizer &gt; Homepage Settings.</strong></li><li>Set your homepage displays option to <strong>Your latest posts</strong>.</li><li>Then, set the <strong>Enable FrontPage</strong> option to “<strong>Yes</strong>“</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22029 aligncenter" src="https://hashthemes.com/wp-content/uploads/2018/05/setting-static-homepage.png" alt="" width="345" height="600" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20345%20600%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-22029 aligncenter" data-src="https://hashthemes.com/wp-content/uploads/2018/05/setting-static-homepage.png" alt="" width="345" height="600" /></p><ul><li>Once done, click on the “<strong>Publish</strong>” button to save changes.</li></ul><p>Now, you can go to the <a href="https://hashthemes.com/documentation/viral-news-documentation/#Setup-Front-Page-Section">Homepage Section/Settings</a> to customize your homepage. <strong>Note: Enabling FrontPage option while setting your homepage displays as your latest posts will entirely overwrite your post page.</strong></p><h3 class="header" id="Configure-Front-Page-to-Display-Blog-Posts">Configure Front Page to Display Blog Posts</h3><p>If you want to display a list of your latest posts (Blog) on the Home Page then follow these steps:</p><ul><li>Go to <strong>Appearance &gt; Customizer &gt; Homepage Settings.</strong></li><li>Set the option to <strong>Your latest posts</strong>.</li><li>Click on the “<strong>Publish</strong>” button to save changes.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22028 aligncenter" src="https://hashthemes.com/wp-content/uploads/2018/05/setting-blog-page-as-homepage.png" alt="" width="345" height="600" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20345%20600%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-22028 aligncenter" data-src="https://hashthemes.com/wp-content/uploads/2018/05/setting-blog-page-as-homepage.png" alt="" width="345" height="600" /> <strong>Note: To display the latest posts on the homepage, </strong><strong>you must disable the “Enable FrontPage” option.</strong></p><h3 class="header" id="Configuring-Homepage-Using-Elementor">Configuring Homepage Using Elementor</h3><p>Alternatively, you can configure the homepage of your website by using the Elementor Page Builder plugin. It will let you create your own custom static homepage via Elementor. To set up the homepage using Elementor Page Builder, follow these step:</p><ul><li>Go to <strong>Page &gt; Add New</strong> to create a new page.</li><li>Give <strong>Title</strong> for your new page and choose the page template &#8220;<strong>Blank Template (For Page Builder)</strong>&#8221; from Page Attribute Section.</li><li>Once done, click on the <strong>Publish</strong> button to save changes.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-23930" src="https://hashthemes.com/wp-content/uploads/2020/02/configure-page-template.png" alt="" width="1900" height="930" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201900%20930%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-23930" data-src="https://hashthemes.com/wp-content/uploads/2020/02/configure-page-template.png" alt="" width="1900" height="930" /></p><ul><li>Now, <strong>go to Appearance &gt; Customize &gt; Homepage Settings</strong> to set your newly created page as your homepage.</li></ul><p><noscript><img loading="lazy" decoding="async" class="size-full wp-image-22732 aligncenter" src="https://hashthemes.com/wp-content/uploads/2020/02/choose-homepage.png" alt="" width="340" height="700" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20340%20700%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload size-full wp-image-22732 aligncenter" data-src="https://hashthemes.com/wp-content/uploads/2020/02/choose-homepage.png" alt="" width="340" height="700" /> <strong>Important: Keep the Enable FrontPage setting turned off as turning on this setting will over

152write your homepage with the one created from the customizer.</strong></p><ul><li>Once done, click on the &#8220;<strong>Publish</strong>&#8221; button to save changes.</li><li>Now go to <strong>Appearance &gt; Viral News Settings &gt; Recommended Plugin</strong> to install <strong>Elementor</strong> and <strong>Hash Elements</strong> plugin.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22733" src="https://hashthemes.com/wp-content/uploads/2020/02/install-recommended-plugins.png" alt="" width="1350" height="1400" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201350%201400%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-22733" data-src="https://hashthemes.com/wp-content/uploads/2020/02/install-recommended-plugins.png" alt="" width="1350" height="1400" /></p><ul><li>Then, edit your newly created page and click on &#8220;<strong>Edit with Elementor</strong>&#8221; to create your homepage from Elementor.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22734" src="https://hashthemes.com/wp-content/uploads/2020/02/edit-with-elementor.png" alt="" width="1900" height="885" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201900%20885%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-22734" data-src="https://hashthemes.com/wp-content/uploads/2020/02/edit-with-elementor.png" alt="" width="1900" height="885" /></p><ul><li>Drag and Drop different elements that you want to add on your homepage.</li><li>Once done, click on the &#8220;<strong>Update</strong>&#8221; button to save changes.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-22816" src="https://hashthemes.com/wp-content/uploads/2020/02/elementor-pagebuilder.gif" alt="" width="720" height="397" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20720%20397%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-22816" data-src="https://hashthemes.com/wp-content/uploads/2020/02/elementor-pagebuilder.gif" alt="" width="720" height="397" /></p><h2 class="header" id="General-settings-">General settings</h2><p>The general setting allows you to configure under three categories:</p><ul><li>Website Layout</li><li>Google Fonts</li><li>SEO</li></ul><p><a href="https://hashthemes.com/wp-content/uploads/2017/02/viral-general-settings.png"><noscript><img loading="lazy" decoding="async" class="aligncenter wp-image-49437 size-full" src="https://hashthemes.com/wp-content/uploads/2017/02/viral-general-settings.png" alt="" width="344" height="339" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20344%20339%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload aligncenter wp-image-49437 size-full" data-src="https://hashthemes.com/wp-content/uploads/2017/02/viral-general-settings.png" alt="" width="344" height="339" /></a> Let’s see what changes you can make under each sub heading</p><h3 class="header" id="Website-Layout-">Website Layout</h3><p>The theme provides you the option to set wide flat layout or boxed layout for your site. To Set the Layout for your website follow these steps:.</p><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Customize</strong>.</li><li>Go to <strong>General Settings &gt; Website Layout</strong>.</li></ul><p><a href="https://hashthemes.com/wp-content/uploads/2020/02/website-layout-viral-news.png"><noscript><img loading="lazy" decoding="async" class="aligncenter wp-image-49448 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/website-layout-viral-news.png" alt="" width="1920" height="963" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201920%20963%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload aligncenter wp-image-49448 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/website-layout-viral-news.png" alt="" width="1920" height="963" /></a></p><ul><li>Now Choose either <strong>Full Width</strong> layout or <strong>Boxed</strong> layout as per your requirement.</li><li>Further you can also add the background image that you might think is compatible with your website. You can make addition changes like preset, image positioning and image size.</li><li>Once done, Click on <strong>Save &amp; Publish</strong> button.</li></ul><h3 class="header" id="Google-Fonts-">Google Fonts</h3><p>The theme comes with the option to load Google Fonts locally on your website. This setting will allow you to host the fonts on your own server. However, keep in mind that doing so can slightly slow down your website To configure this setting, follow these steps:</p><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Customize</strong>.</li><li>Go to <strong>General Settings &gt;

152 Load Google Fonts Locally</strong>.</li></ul><p><a href="https://hashthemes.com/wp-content/uploads/2017/02/google-fonts-viral.png"><noscript><img loading="lazy" decoding="async" class="aligncenter wp-image-49438 size-full" src="https://hashthemes.com/wp-content/uploads/2017/02/google-fonts-viral.png" alt="" width="337" height="436" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20337%20436%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload aligncenter wp-image-49438 size-full" data-src="https://hashthemes.com/wp-content/uploads/2017/02/google-fonts-viral.png" alt="" width="337" height="436" /></a></p><ul><li>Now, set the Load Google Fonts Locally option to <strong>On</strong> if you want to see the fonts load locally. If you don’t require it you can simply turn off the settings.</li><li>Once done, click on the <strong>“Publish”</strong> button.</li></ul><h3 class="header" id="SEO">SEO</h3><p>The theme comes with the option to optimize SEO practices on your website. This setting will allow you to host the fonts on your own server. However, keep in mind that doing so can slightly slow down your website To configure this setting, follow these steps:</p><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Customize.</strong></li><li>Go to <strong>General Settings &gt; SEO.</strong></li></ul><p><a href="https://hashthemes.com/wp-content/uploads/2017/02/seo-viral.png"><noscript><img loading="lazy" decoding="async" class="aligncenter wp-image-49439 size-full" src="https://hashthemes.com/wp-content/uploads/2017/02/seo-viral.png" alt="" width="339" height="389" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20339%20389%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload aligncenter wp-image-49439 size-full" data-src="https://hashthemes.com/wp-content/uploads/2017/02/seo-viral.png" alt="" width="339" height="389" /></a></p><ul><li>Now, set the option to ON if you want to make your website SEO friendly.</li><li>Once you have made the necessary changes click the <strong>‘Publish’</strong> button.</li></ul><h2 class="header" id="Changing-Theme-Color">Changing Theme Color</h2><p>The theme comes with a color picker to allows you to choose any color as per your preference for your website.</p><ul><li>Go to <strong>Appearance &gt; Customize &gt; General Settings &gt; Colors</strong>.</li><li>Click on <strong>Select Color </strong>and pick the color of your choice.</li><li>Click on the &#8220;<strong>Publish</strong>&#8221; button to save changes.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17887" src="https://hashthemes.com/wp-content/uploads/2020/02/changing-theme-color.png" alt="" width="1720" height="565" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201720%20565%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17887" data-src="https://hashthemes.com/wp-content/uploads/2020/02/changing-theme-color.png" alt="" width="1720" height="565" /></p><h2 class="header" id="Typography-Settings">Typography Settings</h2><p>You can also change the fonts according to your preference. Choose from various typefaces and save to give your website a fresh look. To configure:</p><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Customize</strong>.</li><li>Go to <strong> Typography Settings</strong>.</li><li>Here you can make changes under different sections: Body, Header, and Menu</li></ul><p><a href="https://hashthemes.com/wp-content/uploads/2020/02/typography-settings-viral-news.png"><noscript><img loading="lazy" decoding="async" class="aligncenter wp-image-49450 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/typography-settings-viral-news.png" alt="" width="1920" height="963" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201920%20963%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload aligncenter wp-image-49450 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/typography-settings-viral-news.png" alt="" width="1920" height="963" /></a> Further in each sections you can make additional changes. Let&#8217;s further dig in deeper to know what changes you can make</p><ul><li>You can choose from around various Google fonts and also their weight.</li><li>You can make changes in:</li></ul><p><strong>                Size</strong>: Change text size. <strong>                Spacing:</strong> Modify letter and line spacing. <strong>                Case:</strong> Use uppercase, lowercase, or title case.</p><p style="text-align: center;"><a href="https://hashthemes.com/wp-content/uploads/2020/02/body-typography-viral-more-.png"><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-49459 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/body-typography-viral-more-.png" alt="" width="347" height="819" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20347%20819%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-49459 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/body-typography-viral-more-.png" alt="" width="347" height="819" /></a></p><p>Similarly, you can make changes in the header and menu settings as well.</p><h2 class="header" id="Configure-Header">Configure Header</h2><h3 class="header" id="Configure-Top-Header">Configure Top Header</h3><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Customize</strong>.</li><li>Go to <strong>Header Settings &gt; Top Header Settings</strong>.</li><li>Choose the style of your <strong>Top Header</strong>.</li><li>Checkmark on <strong>Show Date</strong>

152 in Header option if you wish to show date in the top left side of the header. Else uncheck it if you do not want to display the date.</li><li>Set the text on the top left header part by adding the text in the <strong>Header Text</strong> text field.</li><li>Once done <strong>Publish</strong> the options.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17865" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-top-left-header-settings.png" alt="" width="1805" height="383" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201805%20383%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17865" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-top-left-header-settings.png" alt="" width="1805" height="383" /></p><ul><li>To create the top menu like the one in the right top header, you need to go to <strong>Appearance &gt; Customize &gt; Menus</strong>.</li><li>Then, click on &#8220;<strong>Create New Menu</strong>&#8220;.</li><li>Now, give the menu name and select the <strong>&#8220;Top Header Menu&#8221;</strong> as the menu location.</li><li>After that, add as many menu items as per your requirement.</li><li>Once done <strong>Publish</strong> the options.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17866" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-top-right-header-settings.png" alt="" width="1710" height="670" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201710%20670%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17866" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-top-right-header-settings.png" alt="" width="1710" height="670" /></p><h3 class="header" id="Configure-Site-Logo">Configure Site Logo</h3><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Customize</strong>.</li><li>Go to <strong>General Settings &gt; Site/Title/Logo/Favicon</strong>.</li><li>Click on the <strong>Select Logo</strong> button and choose the logo from the media library.</li><li>Once done, <strong>Publish</strong> the changes.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17867" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-configure-site-logo.png" alt="" width="1720" height="430" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201720%20430%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17867" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-configure-site-logo.png" alt="" width="1720" height="430" /></p><h3 class="header" id="Main-Header-Settings">Main Header Settings</h3><ul><li>Go to <strong>Dashboard &gt; Appearance &gt; Customize</strong>.</li><li>Go to <strong>Header Settings &gt; Main Header Settings.</strong></li><li>Now select the background image for your header. If you don&#8217;t want to add a background image for your main header, leave it as it is.</li><li>Choose the text color and background color for your main navigation menu.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17888" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-main-header-settings.png" alt="" width="1720" height="500" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201720%20500%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17888" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-main-header-settings.png" alt="" width="1720" height="500" /></p><h3 class="header" id="Header-Social-Icons-">Header Social Icons</h3><p>Certainly, you can also display your social media presence on your website. To kick things off:</p><ul><li>Go to <strong>Dashboard.</strong></li><li>Go to <strong>Header Settings&gt; Header Social Icons.</strong></li></ul><p style="text-align: center;"><a href="https://hashthemes.com/wp-content/uploads/2020/02/header-social-icons.png"><noscript><img loading="lazy" decoding="async" class="alignnone wp-image-49449 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/header-social-icons.png" alt="" width="1920" height="963" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201920%20963%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-49449 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/header-social-icons.png" alt="" width="1920" height="963" /></a></p><ul><li>Set the social links for social media like <strong>Facebook</strong>, T<strong>witter</strong>, <strong>Pinterest, Youtube, Linkedin, Instagram</strong> etc.</li><li>Once done <strong>Save &amp; Publish</strong> the changes.</li></ul><h2 class="header" id="Menu-Setup">Menu Setup</h2><h3>Creating General Menu</h3><h4>1)Defining a Menu</h4><p>You must define a menu before you can add items to it.</p><ul><li>To create a menu, go to <strong>Appearance &gt; Menus</strong> to bring up the menu option.</li><li>Click on <strong>create a new menu.</strong></li><li>Give the name to your new menu.</li><li>Click on <strong>Create Menu</strong> button to create the menu.</li></ul><p>Your new custom menu is now defined. <noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17868" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-create-menu.png" alt="" width="1900" height="600" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201900%20600%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17868" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-create-menu.png" alt="" width="1900" height="600" /></p><h4>2) Adding Items to a Menu</h4><p>You can add different link types into your menu, these are split between panes left of the menu you’re currently editing.</p><ul><li>Locate the pane entitled Pages.</li><li>Within this pane, select the View All link to bring up a list of all the currently published Pages on your site.</li><li>Select the Pages that you want to add by clicking the checkbox next to each Page’s title.</li><li>Click the <strong>Add to Menu</strong> button located at the bottom of this pane to add your selection(s) to the menu that you created in the previous step.</li><li>Click the <strong>Save Menu</strong> button once you’ve added all the menu items you want.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17869" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-menu-items.png" alt="" width="289" height="481" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20289%20481%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17869" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-menu-items.png" alt="" width="289" height="481" /> After you have added the menu items, select the display location of your menu. Then, click on <strong>Save Menu</strong> to save your changes. <noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17871" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-assign-menu-location.png" alt="" width="1720" height="520" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201720%20520%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17871" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-assign-menu-location.png" alt="" width="1720" height="520" /> Alternatively, you can create the menu and add its item directly from the customizer.</p><ul><li>To create the menu from the customizer, go to <strong>Appearance &gt; Customize &gt; Menus </strong>

152to bring up the menu options.</li><li>Click on <strong>create a new menu.</strong></li><li>Give the name to your new menu.</li><li>Choose the location of the new menu.</li><li>Click on the <strong>Next</strong> button to continue.</li><li>Now add the menu items as per your need.</li><li>Click to <strong>Publish </strong>to save.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17870" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-add-menu-from-customizer.png" alt="" width="645" height="610" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20645%20610%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17870" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-add-menu-from-customizer.png" alt="" width="645" height="610" /></p><h2 class="header" id="Setup-Front-Page-Section">Setup Front Page Section</h2><p>The theme allows you to configure a total of 5 different sections to display your magazine block on the homepage.</p><ol><li>Home Top Section</li><li>Home Middle Section &#8211; Left Content</li><li>Home Middle Section &#8211; Right Sidebar</li><li>Home Carousel Section</li><li>Home Bottom Section</li></ol><h3 class="header" id="Home-Top-Section">Home Top Section</h3><p>The home top section contains a block grid layouts related to different types of news. The theme provides you the option to add unlimited news section choosing any of the 4 different grid block layouts. Using the block grid layout, you can create a versatile magazine site in no time. <strong>Configuring Home Top Section using Block Layout</strong></p><ul><li>Go to <strong>Appearance &gt; Customize &gt; Front Page Sections &gt; Home Top Section.</strong></li><li>Click on <strong>Add Section</strong> to add a new section.</li><li>Give the title to your new section.</li><li>Then select the category of the news that you want to add on the <strong>Top Home Section</strong> of your website.</li><li>Now choose any of the grid block layouts as per your preference.</li><li>Click on <strong>Publish</strong> button to save.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17874" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-top-sections.png" alt="" width="1903" height="979" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201903%20979%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17874" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-top-sections.png" alt="" width="1903" height="979" />   You can add and place unlimited number of sections and simply enable/disable any of them as per your requirement. The 4 different block layouts available on the <strong>Home Top Section</strong> are: <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17901 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/top-section1.jpg" alt="" width="1000" height="604" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20604%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17901 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/top-section1.jpg" alt="" width="1000" height="604" />   <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17902 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/top-section2.jpg" alt="" width="1000" height="606" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20606%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17902 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/top-section2.jpg" alt="" width="1000" height="606" />   <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17903 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/top-section3.jpg" alt="" width="1000" height="525" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20525%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17903 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/top-section3.jpg" alt="" width="1000" height="525" />   <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17904 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/top-section4.jpg" alt="" width="1000" height="674" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20674%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17904 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/top-section4.jpg" alt="" width="1000" height="674" /></p><h3 class="header" id="Home-Middle-Section---Left-Content">Home Middle Section &#8211; Left Content</h3><p>Home Middle Section (Left Content) provides you an option to add unlimited news sections choosing any 4 beautifully designed grid block layouts. One may create a beautiful magazine website in no time. <strong>Configuring Home Middle Section &#8211; Left Content using Block Layout</strong></p><ul><li>Go to <strong>Appearance &gt; Customize &gt; Front Page Sections &gt; Home Middle Section &#8211; Left Content.</strong></li><li>Click on <strong>Add Section</strong> to add a new section.</li><li>Give the title to your new section.</li><li>Then select the category of the news that you want to add on the <strong>Home Middle Section &#8211; Left Content</strong> of your website.</li><li>Now choose any of the grid block layouts as per your preference.</li><li>Click on the <strong>Publish</strong> button to save.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17873" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-middle-section-left-content.png" alt="" width="1360" height="930" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201360%20930%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17873" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-middle-section-left-content.png" alt="" width="1360" height="930" /> Similar to the <strong>Home Top Section</strong>, you can add and place unlimited number of sections and simply enable/disable any of them as per your requirement. The 4 different block layouts available on the <strong>Home Middle Section &#8211; Left Content</strong> are: <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17905 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section2.jpg" alt="" width="1000" height="717" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20717%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17905 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section2.jpg" alt="" width="1000" height="717" />   <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17906 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section3.jpg" alt="" width="1000" height="1047" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%201047%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17906 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section3.jpg" alt="" width="1000" height="1047" />   <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17911 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section4-1.jpg" alt="" width="1000" height="855" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20855%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17911 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section4-1.jpg" alt="" width="1000" height="855" />   <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17907 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section4.jpg" alt="" width="1000" height="724" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20724%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17907 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/middle-section4.jpg" alt="" width="1000" height="724" /></p><h3 class="header" id="Home-Middle-Section---Right-Sidebar">Home Middle Section &#8211; Right Sidebar</h3><p>Right Middle Section (Right Sidebar) is mainly composed to place different types of widgets like audio, video, advertisements, timeline, etc. The theme comes with 5 different inbuilt widgets that are:</p><ul><li>

152Viral News: Advertisement</li><li>Viral News: Category Block</li><li>Viral News: Contact Info</li><li>Viral News: Personal Info</li><li>Viral News: Timeline</li></ul><p><strong>You can add these widgets plus inbuilt WordPress widgets on the right sidebar by following steps:</strong></p><ul><li>Go to <strong>Appearance &gt; Customize &gt; Front Page Sections &gt; Home Middle Section &#8211; Right Sidebar</strong>.</li><li>Click on Add a Widget to place a widget.</li><li>Place as many widgets as you need. You can also reorder them by clicking on the reorder link or simply using the drag and drop process.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17875" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-middle-section-right-sidebar.png" alt="" width="640" height="970" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20640%20970%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17875" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-middle-section-right-sidebar.png" alt="" width="640" height="970" /></p><h3 class="header" id="Home-Carousel-Section">Home Carousel Section</h3><p>Home carousel section will display the news of your chosen category in a beautiful carousel slide.</p><ul><li>Go to <strong>Appearance &gt; Customize &gt; Front Page Sections &gt; Home Carousel Section</strong>.</li><li>Click on <strong>Add Section</strong> to add a new section.</li><li>Give the title for your new carousel section.</li><li>Select the category of the news that you want to display.</li><li>Select the number of slides you want to display as well as choose the number of posts that you want to include in the slide.</li><li>Click on the <strong>Publish</strong> button to save the section.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17876" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-carousel-section.png" alt="" width="1730" height="900" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201730%20900%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17876" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-carousel-section.png" alt="" width="1730" height="900" /> You can add an unlimited number of carousel sections and enable/disable them as per your needs. <noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17908" src="https://hashthemes.com/wp-content/uploads/2020/02/carousel-section.jpg" alt="" width="1000" height="339" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20339%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17908" data-src="https://hashthemes.com/wp-content/uploads/2020/02/carousel-section.jpg" alt="" width="1000" height="339" /></p><h3 class="header" id="Home-Bottom-Section">Home Bottom Section</h3><p>Home Bottom Section provides you with 2 beautiful block layout to places your news articles. Here is a step by step guide to configure section:</p><ul><li>Go to <strong>Appearance &gt; Customize&gt;</strong><strong>Front Page Sections &gt; Home Bottom Section</strong>.</li><li>Click on <strong>Add Section</strong> button. A new <strong>News Section</strong> will be added.</li><li>Open the newly added <strong>News Section.</strong></li><li>Now choose 3 different categories of which you want to display the news.</li><li>Then select any of the block grid layouts of your preference.</li><li>Once done, click on the <strong>Publish</strong> button to save.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17880" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-buttom-section.png" alt="" width="1740" height="720" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201740%20720%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17880" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-home-buttom-section.png" alt="" width="1740" height="720" /> The 2 different block layouts available on the <strong>Home Bottom Section</strong> are: <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17909 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/bottom-section.jpg" alt="" width="1000" height="594" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20594%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17909 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/bottom-section.jpg" alt="" width="1000" height="594" />   <noscript><img loading="lazy" decoding="async" class="alignnone wp-image-17910 size-full" src="https://hashthemes.com/wp-content/uploads/2020/02/bottom-section2.jpg" alt="" width="1000" height="458" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201000%20458%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone wp-image-17910 size-full" data-src="https://hashthemes.com/wp-content/uploads/2020/02/bottom-section2.jpg" alt="" width="1000" height="458" /></p><h2 class="header" id="Footer-Setup">Footer Setup</h2><p>The template allows you to add up to 4 widgets on the footer. To configure the footer widgets, you can follow these steps:</p><ul><li>Go to <strong>Appearance &gt; Customize &gt; Widgets.</strong></li><li>Now choose the footers where you want to add the widgets.</li><li>Once done, click on the <strong>Publish</strong> button to save.</li></ul><p><noscript><img loading="lazy" decoding="async" class="alignnone size-full wp-image-17879" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-footer-setup.png" alt="" width="1740" height="850" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201740%20850%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload alignnone size-full wp-image-17879" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-footer-setup.png" alt="" width="1740" height="850" /></p><h2 class="header" id="Single-Page/Post-Metabox-Settings">Single Page/Post Metabox Settings</h2><p>The single/post page settings allows users to choose the layout of the post that appears on the frontend. They can choose from 4 different sidebar layouts to fit their style and preference.</p><h3>Sidebar Layouts</h3><p><noscript><img loading="lazy" decoding="async" class="size-full wp-image-55433 aligncenter" src="https://hashthemes.com/wp-content/uploads/2017/02/layout-sidebar-1.jpg" alt="" width="1200" height="691" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201200%20691%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload size-full wp-image-55433 aligncenter" data-src="https://hashthemes.com/wp-content/uploads/2017/02/layout-sidebar-1.jpg" alt="" width="1200" height="691" /></p><p>To see how each layout appears check out the pictures below. The different layouts can be chosen for each single post.</p><p><noscript><img loading="lazy" decoding="async" class="wp-image-55450 size-full aligncenter" src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-4-layout-.jpg" alt="" width="1200" height="1000" /></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%201200%201000%22%3E%3C/svg%3E' loading="lazy" decoding="async" class="lazyload wp-image-55450 size-full aligncenter" data-src="https://hashthemes.com/wp-content/uploads/2020/02/viral-news-4-layout-.jpg" alt="" width="1200" height="1000" /></p><h3>Hide the Title of Post/Page</h3><p>To hide the title of your page or post, scroll to the bottom where you&#8217;ll find an option labeled <strong>Hide Title</strong>.  Simply check the box next to this option to enable it. This will ensure that the title is hidden from view on the published page or post.</p><h2 style="text-align: center;">&#8212; THE END &#8212;</h2></div></div><div class="cta-band help-cta"><div><h2>Still need help?</h2><p>Can't find the answer? Ask in the support forum, or send us a message and we'll help you out.</p></div><div class="cta-band-actions"> <a class="btn btn-light" href="https://hashthemes.com/support/"><span class="lnr lnr-bubble"></span> Support forum</a> <a class="btn btn-ghost" href="https://hashthemes.com/contact/">Contact us</a></div></div></div></div><footer id="colophon" class="site-footer"><div class="mid-content"><div class="footer-main"><div class="footer-brand"> <a class="site-logo-link" href="https://hashthemes.com/" rel="home" aria-label="HashThemes - Home"> <span class="site-logo site-logo--footer is-plated"><img width="585" height="100" src="https://hashthemes.com/wp-content/uploads/2020/04/hashthemes.png" class="site-logo-img" alt="HashThemes" loading="lazy" decoding="async" /></span> </a><p>Free and premium WordPress themes and plugins, designed and developed by our team in Lalitpur, Nepal.</p><div class="social-links"> <a href="https://www.facebook.com/hashtheme" target="_blank" rel="noopener" aria-label="Facebook"><span class="hts-facebook"></span></a> <a href="https://twitter.com/hash_themes" target="_blank" rel="noopener" aria-label="X (Twitter)"><span class="hts-twitter-x"></span></a> <a href="https://profiles.wordpress.org/hashthemes/" target="_blank" rel="noopener" aria-label="WordPress.org"><span class="hts-wordpress"></span></a> <a href="https://www.linkedin.com/company/hashthemes/" target="_blank" rel="noopener" aria-label="LinkedIn"><span class="hts-linkedin"></span></a> <a href="https://www.youtube.com/@hashthemes" target="_blank" rel="noopener" aria-label="YouTube"><span class="hts-youtube"></span></a></div></div><nav class="footer-col" aria-label="Products"><h4>Products</h4><ul><li><a href="https://hashthemes.com/wordpress-theme/">All themes</a></li><li><a href="https://hashthemes.com/themes/free-wordpress-themes/">Free themes</a></li><li><a href="https://hashthemes.com/themes/premium-wordpress-themes/">Premium themes</a></li><li><a href="https://hashthemes.com/plugins/">Plugins</a></li></ul></nav><nav class="footer-col" aria-label="Resources"><h4>Resources</h4><ul><li><a href="https://hashthemes.com/documentation/">Documentation</a></li><li><a href="https://hashthemes.com/articles/">Articles</a></li><li><a href="https://hashthemes.com/blog/">Blog</a></li><li><a href="https://hashthemes.com/support/">Support</a></li></ul></nav><nav class="footer-col" aria-label="Company"><h4>Company</h4><ul><li><a href="https://hashthemes.com/contact/">Contact us</a></li><li><a href="https://hashthemes.com/login/">Your account</a></li></ul></nav></div><div class="footer-bottom"><div class="site-info"> &copy; 2026 HashThemes. All rights reserved.</div><div class="footer-menu"><ul id="menu-footer-menu" class="menu"><li id="menu-item-5529" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-5529"><a rel="privacy-policy" href="https://hashthemes.com/privacy-policy/">Privacy Policy</a></li><li id="menu-item-5530" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-5530"><a href="https://hashthemes.com/terms-and-conditions/">Terms and Conditions</a></li></ul></div></div></div></footer></div> 

152<script type="speculationrules">{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/hashtheme/*","/*\\?(.+)","/checkout/*"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}</script>

152 <div id="cookie-law-info-bar" data-nosnippet="true"><span><div class="cli-bar-container cli-style-v2"><div class="cli-bar-message">We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept All”, you consent to the use of ALL the cookies. However, you may visit "Cookie Settings" to provide a controlled consent.</div><div class="cli-bar-btn_container"><a role="button" tabindex="0" class="medium cli-plugin-button cli-plugin-main-button cli_settings_button" style="margin:0px 5px 0px 0px">Cookie Settings</a><a id="wt-cli-accept-all-btn" tabindex="0" role="button" data-cli_action="accept_all" class="wt-cli-element medium cli-plugin-button wt-cli-accept-all-btn cookie_action_close_header cli_action_button">Accept All</a></div></div></span></div><div id="cookie-law-info-again" style="display:none" data-nosnippet="true"><span id="cookie_hdr_showagain">Manage consent</span></div><div class="cli-modal" data-nosnippet="true" id="cliSettingsPopup" tabindex="-1" role="dialog" aria-labelledby="cliSettingsPopup" aria-hidden="true"><div class="cli-modal-dialog" role="document"><div class="cli-modal-content cli-bar-popup"> <button type="button" class="cli-modal-close" id="cliModalClose"> <svg class="" viewBox="0 0 24 24"><path d="M19 6.41l-1.41-1.41-5.59 5.59-5.59-5.59-1.41 1.41 5.59 5.59-5.59 5.59 1.41 1.41 5.59-5.59 5.59 5.59 1.41-1.41-5.59-5.59z"></path><path d="M0 0h24v24h-24z" fill="none"></path></svg> <span class="wt-cli-sr-only">Close</span> </button><div class="cli-modal-body"><div class="cli-container-fluid cli-tab-container"><div class="cli-row"><div class="cli-col-12 cli-align-items-stretch cli-px-0"><div class="cli-privacy-overview"><h4>Privacy Overview</h4><div class="cli-privacy-content"><div class="cli-privacy-content-text">This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.</div></div> <a class="cli-privacy-readmore" aria-label="Show more" tabindex="0" role="button" data-readmore-text="Show more" data-readless-text="Show less"></a></div></div><div class="cli-col-12 cli-align-items-stretch cli-px-0 cli-tab-section-container"><div class="cli-tab-section"><div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="necessary" data-toggle="cli-toggle-tab"> Necessary </a><div class="wt-cli-necessary-checkbox"> <input type="checkbox" class="cli-user-preference-checkbox" id="wt-cli-checkbox-necessary" data-id="checkbox-necessary" checked="checked" /> <label class="form-check-label" for="wt-cli-checkbox-necessary">Necessary</label></div> <span class="cli-necessary-caption">Always Enabled</span></div><div class="cli-tab-content"><div class="cli-tab-pane cli-fade" data-id="necessary"><div class="wt-cli-cookie-description"> Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.</div></div></div></div><div class="cli-tab-section"><div class="cli-tab-header"> <a role="button" tabindex="0" class="cli-nav-link cli-settings-mobile" data-target="non-necessary" data-toggle="cli-toggle-tab"> Non-necessary </a><div class="cli-switch"> <input type="checkbox" id="wt-cli-checkbox-non-necessary" class="cli-user-preference-checkbox" data-id="checkbox-non-necessary" checked='checked' /> <label for="wt-cli-checkbox-non-necessary" class="cli-slider" data-cli-enable="Enabled" data-cli-disable="Disabled"><span class="wt-cli-sr-only">Non-necessary</span></label></div></div><div class="cli-tab-content"><div class="cli-tab-pane cli-fade" data-id="non-necessary"><div class="wt-cli-cookie-description"> Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via anal

152ytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.</div></div></div></div></div></div></div></div><div class="cli-modal-footer"><div class="wt-cli-element cli-container-fluid cli-tab-container"><div class="cli-row"><div class="cli-col-12 cli-align-items-stretch cli-px-0"><div class="cli-tab-footer wt-cli-privacy-overview-actions"> <a id="wt-cli-privacy-save-btn" role="button" tabindex="0" data-cli-action="accept" class="wt-cli-privacy-btn cli_setting_save_button wt-cli-privacy-accept-btn cli-btn">SAVE &amp; ACCEPT</a></div><div class="wt-cli-ckyes-footer-section"><div class="wt-cli-ckyes-brand-logo">Powered by <a href="https://www.cookieyes.com/"><noscript><img src="https://hashthemes.com/wp-content/plugins/cookie-law-info/legacy/public/images/logo-cookieyes.svg" alt="CookieYes Logo"></noscript><img src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' class="lazyload" data-src="https://hashthemes.com/wp-content/plugins/cookie-law-info/legacy/public/images/logo-cookieyes.svg" alt="CookieYes Logo"></a></div></div></div></div></div></div></div></div></div><div class="cli-modal-backdrop cli-fade cli-settings-overlay"></div><div class="cli-modal-backdrop cli-fade cli-popupbar-overlay"></div>  

152<script>( () => {
153					const lazyloadRunObserver = () => {
154						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
155						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
156							entries.forEach( ( entry ) => {
157								if ( entry.isIntersecting ) {
158									let lazyloadBackground = entry.target;
159									if( lazyloadBackground ) {
160										lazyloadBackground.classList.add( 'e-lazyloaded' );
161									}
162									lazyloadBackgroundObserver.unobserve( entry.target );
163								}
164							});
165						}, { rootMargin: '200px 0px 200px 0px' } );
166						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
167							lazyloadBackgroundObserver.observe( lazyloadBackground );
168						} );
169					};
170					const events = [
171						'DOMContentLoaded',
172						'elementor/lazyload/observe',
173					];
174					events.forEach( ( event ) => {
175						document.addEventListener( event, lazyloadRunObserver );
176					} );
177				} )();</script>

177 <noscript><style>.lazyload{display:none;}</style></noscript>

177<script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script>

177<script async data-noptimize="1" src='https://hashthemes.com/wp-content/plugins/autoptimize/classes/external/js/lazysizes.min.js?ao_version=3.1.15.1'></script>

177<script id="edd-ajax-js-extra">var edd_scripts = {"ajaxurl":"https://hashthemes.com/wp-admin/admin-ajax.php","position_in_cart":"","has_purchase_links":"0","already_in_cart_message":"You have already added this item to your cart","empty_cart_message":"Your cart is empty","loading":"Loading","select_option":"Please select an option","is_checkout":"0","default_gateway":"paddle","redirect_to_checkout":"1","checkout_page":"https://hashthemes.com/checkout/?nocache=true","permalinks":"1","quantities_enabled":"","taxes_enabled":"0","current_page":"17771"};
178//# sourceURL=edd-ajax-js-extra</script>

178 

178<script id="edd-ajax-js" src="https://hashthemes.com/wp-content/cache/autoptimize/js/autoptimize_single_f28248224e4714d4fc2e9475ee458e81.js?ver=3.7.1"></script>

178 

178<script id="crisp-js-before">window.$crisp=[];
179    if (!window.CRISP_RUNTIME_CONFIG) {
180      window.CRISP_RUNTIME_CONFIG = {}
181    }
182
183    if (!window.CRISP_RUNTIME_CONFIG.locale) {
184      window.CRISP_RUNTIME_CONFIG.locale = 'en-us'
185    }
186
187    CRISP_WEBSITE_ID = '161b5818-8a66-4305-9323-2c5b45b0f67a';
188//# sourceURL=crisp-js-before</script>

188 

188<script id="crisp-js"  async src="https://client.crisp.chat/l.js?ver=20260924"></script>

188 

188<script id="jquery-ui-core-js-before">jQuery.uiBackCompat = true;
189//# sourceURL=jquery-ui-core-js-before</script>

189 

189<script id="jquery-ui-core-js" src="https://hashthemes.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>

189 

189<script id="hashthemes-tocify-js" src="https://hashthemes.com/wp-content/cache/autoptimize/js/autoptimize_single_35c7e29576689c322592c00fd16a27e3.js?ver=4.0.0"></script>

189 

189<script id="hashthemes-plugins-js" src="https://hashthemes.com/wp-content/cache/autoptimize/js/autoptimize_single_804fca5909c95fde8df3bc0de34c9213.js?ver=4.0.0"></script>

189 

189<script id="hashthemes-custom-js-extra">var hashthemes_params = {"ajax_url":"https://hashthemes.com/wp-admin/admin-ajax.php","nonce":"d089649442","recaptcha_site_key":"6Ldj9z4pAAAAAAb-g6MfpSKc2l9ginjf3RxM5f9R"};
190//# sourceURL=hashthemes-custom-js-extra</script>

190 

190<script id="hashthemes-custom-js" src="https://hashthemes.com/wp-content/cache/autoptimize/js/autoptimize_single_d62abd518355aa5f09fd7865dfc58beb.js?ver=4.0.0"></script>

190 

190<script id="wp-emoji-settings" type="application/json">{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://hashthemes.com/wp-includes/js/wp-emoji-release.min.js?ver=75110b26dc0bbd38fd2fb2ba2aabc538"}}</script>

190 

190<script type="module">/*! This file is auto-generated */
191var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))});
192//# sourceURL=https://hashthemes.com/wp-includes/js/wp-emoji-loader.min.js</script>

192 

192<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"863851f06d304f7da541149834733bc3","r":1,"spa":2}' crossorigin="anonymous"></script>

192
193</body></html>
194<!-- Dynamic page generated in 0.542 seconds. -->
195<!-- Cached page generated by WP-Super-Cache on 2026-09-24 14:17:41 -->
196
197<!-- super cache -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.