<h2 class="clb-headline"><?php _e( 'Frequently Asked Questions', 'ohio-extra' ); ?></h2>

<div class="ohio-accordion-sс accordion clb-accordion" id="accordion">

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6><?php _e( 'My portfolio page elements don’t open in a lightbox (popup window)', 'ohio-extra' ); ?></h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content">
			<div class="wrap">
				<div class="ohio-text-sc">
					<p><?php _e( 'To activate lightbox preview for portfolio items:', 'ohio-extra' ); ?></p>
					<ul>
						<li>
							<span>From the dashboard go to </span>
							<strong class="color-admin">Theme Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Portfolio 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Lightbox
							</strong>;
						</li>
						<li>Toggle the 
							<strong>Lightbox visibility&nbsp;</strong>switcher;
						</li>
						<li>Hint the 
							<strong>Update</strong> button to save and publish your changes.
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6><?php _e( 'How do I change the front page of my site?', 'ohio-extra' ); ?></h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4bc24">
					<p><?php _e( 'To change the front page make the following steps:', 'ohio-extra' ); ?></p>
					<ul>
						<li>
							<span>From the dashboard go to </span>
							<strong class="color-admin">Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Reading
							</strong>;
						</li>
						<li>Toggle the 
							<strong>Lightbox visibility&nbsp;</strong>switcher;
						</li>
						<li>Choose 
							<strong>A static page</strong> in the 
							<strong>Front Page Displays</strong> section to set the front page to display a static page;
						</li>
						<li>Use the 
							<strong>Front Page</strong> drop-down menu to choose from existing pages;
						</li>
						<li>Use the 
							<strong>Posts Page</strong> drop-down menu to choose the blog page for your website.
						</li>
						<li>Hint the Save button to save and publish your changes.</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>How do I change the logo in the header and the footer of my site?</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4be31">
					<p>To set a header logo make the following steps:</p>
					<ul>
						<li>
							<span>From the dashboard go to </span>
							<strong class="color-admin">Theme Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Branding
							</strong>;
						</li>
						<li>Toggle the 
							<strong>Site logo&nbsp;</strong>switcher to the 
							<strong>Custom image</strong>;
						</li>
						<li>Upload the image from your media library;</li>
						<li>Hint the Save button to save and publish your changes.</li>
					</ul>
					<p>To set a footer logo make these:</p>
					<ul>
						<li>
							<span>From the dashboard go to </span>
							<strong class="color-admin">Theme Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Footer 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Other Settings
							</strong>;
						</li>
						<li>Choose a logo from the dropdown menu;</li>
						<li>Hint the Save button to save and publish your changes.</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>Can't update anything, constantly getting timed out</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4bf42">
					<p>It is time to contact your 
						<strong>Hosting Provider&nbsp;&nbsp;</strong>and ask to get helped;
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>When I click on a portfolio / blog / product item, it brings me to a blank page</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c07e">
					<p>Sometimes WordPress cached old permalinks. To update them:</p>
					<ul>
						<li>
							<span>From the dashboard go to </span>
							<strong class="color-admin">Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Permalinks
							</strong>;
						</li>
						<li>Just hint the Save button to save and update permalinks;</li>
						<li>This should resave the data and make the portfolio / blog / product items available by existing links.</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>Going to import a demo, wondering if I will lose my changes?</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c1ae">
					<p>Importing a new demo will upload and might change the main page, add some new widgets, but 
						<strong>will overwrite the global Theme Settings</strong> with the latest ones. Anyway the 
						<strong>existing content won’t be changed</strong> and you won’t lose it.
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>The settings block of a WPBakery Page Builder element are blank.</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c2a1">
					<p>Either your session was terminated by the server or by the site administrator. Try relogging into your account. Also you can check your console, there may be something that can help clarify this issue.</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>Why the WPML plugin doesn't come with your theme? You said you have a WPML-support.</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c392">
					<p>
						<strong>WPML-support</strong> means that Ohio Theme is fully compatible with the plugin, but you need to buy the plugin license separatly to be able to use it.
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>I'm not able to install your plugins. I keep receiving an error message!</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c485">
					<p>
						<strong>WPML-support</strong> means that Ohio Theme is fully compatible with the plugin, but you need to buy the plugin license separatly to be able to use it.
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>I want to use Google Analytics on my website, it there a built-in option?</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c57f">
					<p>We suggest using third-party WordPress plugins, e.g. 
						<a href="https://wordpress.org/plugins/google-analytics-for-wordpress/">Google Analytics</a> by MonsterInsights.
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>Is there a way to add related posts at the end of a post?</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c6d1">
					<p>First of all, ensure that you have a sufficient number of posts. Then check if the 
						<strong>Related posts</strong> option is enabled.
					</p>
					<ul>
						<li>
							<span>From the dashboard go to 
								<strong>Theme </strong>
							</span>
							<strong class="color-admin">Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Single Post 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Elements Visibility
							</strong>;
						</li>
						<li>Check if 
							<strong>Related posts </strong>option is enabled;
						</li>
						<li>Hint the 
							<strong>Update</strong> button to save and update the changes.
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>How do I set a cover (featured) image for a blog post?</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c7cb">
					<p>When adding a post, go to the right side of the page. There you will find the 
						<strong>Featured Image</strong> block, using which you can set a cover image for the post.
					</p>
				</div>
			</div>
		</div>
	</div>

	<!-- Accordion item -->
	<div class="accordionItem">
		<div class="accordionItem_title">
			<h6>I want to disable the cart icon in the header</h6>
			<div class="accordionItem_control btn-round btn-round-small btn-round-light">
				<i class="ion ion-chevron-down ion-md-add"></i>
			</div>
		</div>
		<div class="accordionItem_content ">
			<div class="wrap">
				<div class="ohio-text-sc " id="ohio-custom-5f51fb2c4c919">
					<p>The cart icon is a part of the 
						<a href="https://wordpress.org/plugins/woocommerce/">WooCommerce</a> plugin. Disabling the plugin will hide the icon from your website. But if still want the WooCommerce plugin to be activated make the following:
					</p>
					<ul>
						<li>
							<span>From the dashboard go to 
								<strong>Theme </strong>
							</span>
							<strong class="color-admin">Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Shop Settings 
								<a href="https://www.toptal.com/designers/htmlarrows/arrows/right-arrow/">→</a> Other Settings
							</strong>;
						</li>
						<li>Disable the 
							<strong>Cart icon </strong>visibility option;
						</li>
						<li>Hint the 
							<strong>Update</strong> button to save and update the changes.
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
