-
Search Results
-
In reply to: Header Change/CustsnStyle Pro
I am inside of Header.php which reads as the following:
<div class=”header_info”>
<?php if(!dynamic_sidebar(‘header-widget’)): ?>
<div class=”apointment”><?php echo of_get_option(‘headerinfo’); ?></div>
<div class=”phoneemailfix”>
<span class=”phone-no”><i class=”fa fa-phone”></i>“> <?php echo of_get_option(‘phone’); ?></span>
<span class=”email-id”><i class=”fa fa-envelope-o”></i>“> <?php echo of_get_option(’email’,true) ; ?></span>
</div>
<?php endif; ?>
<div class=”clear”></div>
</div><!–header_info–>
<div class=”clear”></div>What revisions would I need to make inside of file manager to get the address to show?
so far I have added the following but I didn’t see the address addedThanks in advance
In reply to: Charity Theme
Hi,
1. Kindly go to Appearance » Widgets » Sidebar Main, drag drop any widget to replace Contact Form and Testimonials.
2. Kindly set featured image on any page and it will appear in place of header image. To remove header image on some pages kindly follow below instructions:
– Edit the page you want to hide header image on.
– Look at the URL in your browser’s address bar and find the section that looks like this: post=[ID-NUMBER].
– That number will compose your class, that should look like this: .page-id-[ID-NUMBER].
– After getting the page id kindly go to Appearance » Theme Options » Basic Settings » Custom CSS, paste below code there and replace 222 with actual page id..page-id-222 .header-wrapper{position: static;} .page-id-222 .innerbanner{display: none;}You can copy/paste above code and replace the page id with another page id you want to hide header image on.
3. Answer
Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box: Add this code there: .header-right { margin-top:15px;} .header .header-inner .logo { margin:0; width:32% !important;} .logo img { height: 100px !important; width: 100%;}4. Unfortunately it is not possible with current theme structure and it requires some additional coding.
5. Kindly go to Appearance » Theme Options » Basic Settings » Custom CSS and paste below code there:
.social-icons a:nth-child(1):hover { color: red; } .social-icons a:nth-child(2):hover { color: orange; } .social-icons a:nth-child(3):hover { color: yellow; } .social-icons a:nth-child(4):hover { color: green; } .social-icons a:nth-child(5):hover { color: blue; } .social-icons a:nth-child(6):hover { color: purple ; }Regards,
DaveIn reply to: Theme charm
Apologies, so far note the option to add the widget in the menu, excellent, as always SKT the best
In reply to: SKT Gardening
Hi,
Kindly go to Appearance » Widgets » Page Sidebar and remove Categories widget.
To show a custom menu in page sidebar kindly go to Appearance » Menus, create a menu, add items and save it. After that go back to Appearance » Widgets » Page Sidebar, drag drop a Custom Menu widget, select that newly created menu and save it, you can also select an existing menu.
Regards,
DaveI have 5 pages that require custom sidebars. Within the pages I’ve created the sidebar by going to Current Sidebar and clicking create new, created the new Sidebar saved and updated the page. The “All Pages” list shows the new sidebars as being assigned to the pages.
Then I’ve gone to Appearance Widgets and added the required widgets to the sidebar however, despite this the only sidebar that displays on these pages is the default sidebar.
Topic: Charity Pro issues
I have a few issues I’m trying to work through but can’t figure out.
1, I’d like to reduce the size of the footer so that there’s not so much black empty space below the text. How do I reduce the height?
2. How do I add in custom colored social media icons to the top header to the left of the Donate button?
3. I go to add an image to the footer widget and I can’t link the image to a URL. Is there a way to do that?
4. I created 2 blog postings and added an image in them but it doesn’t show up in the Latest Wells Installed section on the home page.
please look at freshwaterfriends .net
thanks for any help you can give.
In reply to: Slide title color
Hi,
Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:
Add this code there:
h2#page-title, .archive h1.page-title, .page h1.entry-title, #secondary .widget-title, #colophon h2 { color:#282828 !important;}Regards,
ChrisIn reply to: Charity Pro
Hi,
1. Answer
Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:
Add this code there:
.phoneadressinfo:nth-child(1) { display:none !important;}Kindly refer our documentation to setup address.
http://sktthemesdemo.net/documentation/charity_documentation/#footer-section2. Answer
Kindly refer our documentation to setup background image.
http://sktthemesdemo.net/documentation/charity_documentation/#playing-with-theme-options3. Answer
Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:
Add this code there:
.cols-4 .widget-column-2 { display:none !important;}4. Answer
Can you send us the screenshot of your issues? Upload your screenshot on imgur.com and paste the share url here.
Regards,
ChrisIn reply to: BeFit Pro
Hi,
Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:
Add this code there:
.widget-right input[type="submit"] { display:none;}Regards,
BradIn reply to: BeFit Pro
Hi,
Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:
Add this code there:
.widget-right input[type="submit"] {-webkit-appearance: none !important;}Regards,
BradIn reply to: One Page Website possible?
ok can you give me an example of where to place that, this is the index.php file:
<?php /** * The index page of Perfect * * Displays the home page elements. * * @package Perfect * * @since SKT Perfect 1.0 */ global $complete; ?> <?php get_header(); ?> <?php if ( is_front_page() ) { ?> <div class="fixed_site layer_wrapper"> <div class="fixed_wrap fixindex"> <!-- Home Section 1 --> <?php if($complete['hide_boxes_section1'] == ''){?> <section class="home1_section_area <?php if($complete['section1_bg_image']){ ?>home1_section_area_bg<?php } ?>" <?php if(!empty($complete['section1_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec1bgvideo = $complete['section1_bg_video']; echo do_shortcode($sec1bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section1_content"> <?php $pagesetting1 = get_theme_mod( 'page-setting1'); if ($pagesetting1 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Welcome To Perfect Theme</h2><span style="border-bottom-color:#e8e7e7"></span></div><p style="text-align: center;">Perfect theme is perfect to build up various websites using pre-built themes as well as fully customizable due to the fact it has color picker and several shortcodes and plugin compatibility.</p><p style="text-align: center;"><img width="1068" height="401" sizes="(max-width: 1068px) 100vw, 1068px" alt="welcome-banner" src="'.get_template_directory_uri().'/images/welcome-banner.jpg" class="aligncenter size-full wp-image-1719"></p>'; } else { $secone = new WP_Query('page_id='.$pagesetting1.''); while ($secone->have_posts()) : $secone->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 1 --> <!-- Home Section 2 --> <?php if($complete['hide_boxes_section2'] ==''){?> <section class="home2_section_area <?php if($complete['section2_bg_image']){ ?>home2_section_area_bg<?php } ?>" <?php if(!empty($complete['section2_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec2bgvideo = $complete['section2_bg_video']; echo do_shortcode($sec2bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section2_content"> <?php $pagesetting2 = get_theme_mod( 'page-setting2'); if ($pagesetting2 == '0'){ echo '<div class="center-title"><h2 style="color:#ffffff">Perfect Boxes.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/responsive.png"> <h3>Responsive Layout</h3><p>Fully 100% responsive and tested with several hand held devices for great mobile friendly and tablet friendly approach. </p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/retina.png"><h3>Retina Ready Graphics</h3><p>Fully HD ready and retina ready theme with tested on several higher resolution monitors and devices for sharper view.</p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/performance.png"><h3>Great Performance</h3><p>Faster loading theme with speeded up performance and compatibility with cache plugins for optimum approach.</p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a><a href="#"><div class="servicebox boxpattern-1"><div class="serviceboxbg"><img src="'.get_template_directory_uri().'/images/user-friendly.png"><h3>User Friendly</h3><p>User friendly with extensive documentation available and access to support forums and email for coder contact.</p><div class="sktgo"><i aria-hidden="true" class="fa fa-angle-right"></i></div></div></div></a>'; } else { $sectwo = new WP_Query('page_id='.$pagesetting2.''); while ($sectwo->have_posts()) : $sectwo->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 2 --> <!-- Home Section 3 --> <?php if($complete['hide_boxes_section3'] ==''){?> <section id="demos" class="home3_section_area <?php if($complete['section3_bg_image']){ ?>home3_section_area_bg<?php } ?>" <?php if(!empty($complete['section3_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec3bgvideo = $complete['section3_bg_video']; echo do_shortcode($sec3bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section3_content"> <?php $pagesetting3 = get_theme_mod( 'page-setting3'); if ($pagesetting3 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Theme Demos.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:20px;" class="spacecode"></div><p style="text-align: center;">Still not sure if you want to have this theme or not? Well test out any of the following demos to get a real hand experience. All these demos come pre-built and included with the theme.</p><div style="height:120px;" class="spacecode"></div><div class="servicerow"><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/political-candidate.jpg"></a></div><div class="thmbname">Political Candidate</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/play-school.jpg"></a></div><div class="thmbname">Play School</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/skt-gardening.jpg"></a></div><div class="thmbname">SKT Gardening</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/architect-pro.jpg"></a></div><div class="thmbname">SKT Architect Pro</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/the-trip.jpg"></a></div><div class="thmbname">The Trip</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/skt-food.jpg"></a></div><div class="thmbname">SKT Food</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/pic-art.jpg"></a></div><div class="thmbname">PicArt</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/skt-landingpage.jpg"></a></div><div class="thmbname">SKT Landing Page</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/diet-nutriotion.jpg"></a></div><div class="thmbname">Diet and Nutrition</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/the-art.jpg"></a></div><div class="thmbname">The Art</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/petcare.jpg"></a></div><div class="thmbname">Pet Care</div></div><div class="thumb"><div class="boxthumb"><a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/strong-pro.jpg"></a></div><div class="thmbname">Strong Pro</div></div></div>'; } else { $secthree = new WP_Query('page_id='.$pagesetting3.''); while ($secthree->have_posts()) : $secthree->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 3 --> <!-- Home Section 4 --> <?php if($complete['hide_boxes_section4'] ==''){?> <section class="home4_section_area <?php if($complete['section4_bg_image']){ ?>home4_section_area_bg<?php } ?>" <?php if(!empty($complete['section4_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec4bgvideo = $complete['section4_bg_video']; echo do_shortcode($sec4bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section4_content"> <?php $pagesetting4 = get_theme_mod( 'page-setting4'); if ($pagesetting4 == '0'){ echo '<div class="center-title"><h2 style="color:#f9f8f8">Perfect Features.</h2><span style="border-bottom-color:#f9f8f8"></span></div><div style="height:30px;" class="spacecode"></div><div class="columns-3"><div class="left-fitbox"><a href="#"><div class="left-fitleft"><div class="left-fit-title"><h3>Page Content Choices</h3></div><div class="left-fit-desc">With shortcodes along with full width template one can have any layout. Page builder also allows the same to be done</div></div><div class="left-fitright">5</div></a></div><div class="clear"></div><div class="left-fitbox"> <a href="#"><div class="left-fitleft"><div class="left-fit-title"><h3>Shortcodes and Blocks</h3></div> <div class="left-fit-desc">Several 100+ shortcodes have been inbuilt with this theme as well as plugin shortcodes and page builder shortcodes</div></div><div class="left-fitright">6</div></a></div><div class="clear"></div><div class="left-fitbox"><a href="#"> <div class="left-fitleft"><div class="left-fit-title"><h3>Language Choices</h3></div><div class="left-fit-desc">Compatibility with qTranslate X plugin gives it a upper hand to add multilingual site and PO file for translation ready</div></div><div class="left-fitright">7</div></a></div><div class="clear"></div><div class="left-fitbox"><a href="#"><div class="left-fitleft"><div class="left-fit-title"><h3>Footer Choices</h3></div><div class="left-fit-desc">Several footer choices and footer layout possibilities as well as the whole of footer area is widget friendly as well</div></div><div class="left-fitright">8</div></a></div><div class="clear"></div></div><div class="columns-3"><div class="featurethumb"><img src="'.get_template_directory_uri().'/images/features-info.png"></div></div><div class="columns-3"><div class="right-fitbox"><a href="#"><div class="right-fitleft">1</div><div class="right-fitright"><div class="right-fit-title"><h3>Responsive Approach</h3></div><div class="right-fit-desc">100% fully responsive and mobile friendly and have been tested on several hand held devices and desktops and laptops</div></div></a> </div><div class="clear"></div><div class="right-fitbox"><a href="#"><div class="right-fitleft">2</div><div class="right-fitright"><div class="right-fit-title"><h3>Header Choices</h3></div><div class="right-fit-desc">Lots of choices in header with several header layouts possible as well as inner header banner area possibilities</div></div></a></div><div class="clear"></div><div class="right-fitbox"><a href="#"><div class="right-fitleft">3</div><div class="right-fitright"> <div class="right-fit-title"><h3>Menu Choices</h3></div><div class="right-fit-desc">Simple normal menu with 5 level drop downs possible as well as mega menu plugin compatibility has also been done</div></div></a></div><div class="clear"></div> <div class="right-fitbox"><a href="#"><div class="right-fitleft">4</div><div class="right-fitright"> <div class="right-fit-title"><h3>Slider Choices</h3></div><div class="right-fit-desc">Several in built slider choices as well as various plugins have also been tested like crelly, master, cyclone etc.</div></div></a></div><div class="clear"></div></div><div class="clear"></div>'; } else { $secfour = new WP_Query('page_id='.$pagesetting4.''); while ($secfour->have_posts()) : $secfour->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <!-- Home Section 4 --> <!-- Home Section 5 --> <?php if($complete['hide_boxes_section5'] ==''){?> <section class="home5_section_area <?php if($complete['section5_bg_image']){ ?>home5_section_area_bg<?php } ?>" <?php if(!empty($complete['section5_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec5bgvideo = $complete['section5_bg_video']; echo do_shortcode($sec5bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section5_content"> <?php $pagesetting5 = get_theme_mod( 'page-setting5'); if ($pagesetting5 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Blocks.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:30px;" class="spacecode"></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks1.png" /></div><div class="blocktitle"><h3>Responsive Layout</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Read More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks2.png" /></div><div class="blocktitle"><h3>Retina Ready</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Know More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks3.png" /></div><div class="blocktitle"><h3>Great Performance</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Check Now</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks4.png" /></div><div class="blocktitle"><h3>User Friendly</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">See More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks3.png" /></div><div class="blocktitle"><h3>Great Performance</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus.</div><div class="blockmore"><a href="#">Check Now</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks4.png" /></div><div class="blocktitle"><h3>User Friendly</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">See More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks1.png" /></div><div class="blocktitle"><h3>Responsive Layout</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Read More</a></div></div><div class="blocksbox"><div class="blockthumb"><img src="'.get_template_directory_uri().'/images/blocks2.png" /></div><div class="blocktitle"><h3>Retina Ready</h3></div><div class="blockdesc">Nullam hendrerit, lacus non luctus tempu est neque suscipit augue, vel hendrer ligu sed turpis. Aliquam vitae elit ut consectet laoreet. Cras velit orci, egestas c commod et, ultricies non risus. </div><div class="blockmore"><a href="#">Know More</a></div></div>'; } else { $secfive = new WP_Query('page_id='.$pagesetting5.''); while ($secfive->have_posts()) : $secfive->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 5 --> <!-- Home Section 6 --> <?php if($complete['hide_boxes_section6'] ==''){?> <section class="home6_section_area <?php if($complete['section6_bg_image']){ ?>home6_section_area_bg<?php } ?>" <?php if(!empty($complete['section6_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec6bgvideo = $complete['section6_bg_video']; echo do_shortcode($sec6bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section6_content"> <?php $pagesetting6 = get_theme_mod( 'page-setting6'); if ($pagesetting6 == '0'){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Team.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:30px;" class="spacecode"></div> <div class="expanding-grid"> <ul class="links"> <li><a href="#section1"><img src="'.get_template_directory_uri().'/images/sara.jpg" /></a></li> <li><a href="#section2"><img src="'.get_template_directory_uri().'/images/mark.jpg" /></a></li> <li><a href="#section3"><img src="'.get_template_directory_uri().'/images/daisy.jpg" /></a></li> <li><a href="#section4"><img src="'.get_template_directory_uri().'/images/martin.jpg" /></a></li> </ul> <div class="expanding-container" id="section1"><div class="expandarea"><div class="expand-left"><h2>Sara</h2><div class="designation">Founder & Director</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/sara.jpg"></div></div> </div></div><div class="clear"></div></div><div class="expanding-container" id="section2"><div class="expandarea"><div class="expand-left"><h2>Mark</h2><div class="designation">CEO</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/mark.jpg"></div></div> </div></div><div class="clear"></div></div><div class="expanding-container" id="section3"><div class="expandarea"><div class="expand-left"><h2>Daisy</h2><div class="designation">Manager</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/daisy.jpg"></div></div> </div></div><div class="clear"></div></div><div class="expanding-container" id="section4"><div class="expandarea"><div class="expand-left"><h2>Martin</h2><div class="designation">Asst. Manager</div><div class="social-icons teamicon"><a target="_blank" title="facebook" href=""><i class="fa fa-facebook fa-lg"></i></a><a target="_blank" title="twitter" href=""><i class="fa fa-twitter fa-lg"></i></a><a target="_blank" title="google" href=""><i class="fa fa-google fa-lg"></i></a><a target="_blank" title="linkedin" href=""><i class="fa fa-linkedin fa-lg"></i></a><a target="_blank" title="pinterest" href=""><i class="fa fa-pinterest fa-lg"></i></a></div><div class="clear"></div><div class="expandcontent"><div class="headingseperator"><h3>Profile</h3></div> <p>Description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati veniam aliquam eos eius blanditiis, facilis minus quod nostrum. Dolores recusandae doloremque quam consequatur consequuntur accusantium quos possimus inventore ratione reiciendis!</p><div data-percent="80%" class="skillbar clearfix "><div class="skillbar-title"><span>HTML</span>80%</div><div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 80%;" class="skillbar-bar"></div> </div> </div> <div data-percent="99%" class="skillbar clearfix "> <div class="skillbar-title"><span>Wordpress</span>99%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 99%;" class="skillbar-bar"></div> </div> </div> <div data-percent="90%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Design</span>90%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 90%;" class="skillbar-bar"></div> </div> </div> <div data-percent="95%" class="skillbar clearfix "> <div class="skillbar-title"><span>Web Development</span>95%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 95%;" class="skillbar-bar"></div> </div> </div> <div data-percent="85%" class="skillbar clearfix "> <div class="skillbar-title"><span>Responsive</span>85%</div> <div class="skill-bg"> <div style="background: rgb(255, 136, 0) none repeat scroll 0% 0%; width: 85%;" class="skillbar-bar"></div> </div> </div></div> </div> <div class="expand-right"><div class="img-placeholder"> <div class="entry-image"><img src="'.get_template_directory_uri().'/images/martin.jpg"></div></div> </div></div><div class="clear"></div></div>'; } else { $secsix = new WP_Query('page_id='.$pagesetting6.''); while ($secsix->have_posts()) : $secsix->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 6 --> <!-- Home Section 7 --> <?php if($complete['hide_boxes_section7'] ==''){?> <section class="home7_section_area <?php if($complete['section7_bg_image']){ ?>home7_section_area_bg<?php } ?>" <?php if(!empty($complete['section7_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec7bgvideo = $complete['section7_bg_video']; echo do_shortcode($sec7bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section7_content"> <?php $pagesetting7 = get_theme_mod( 'page-setting7'); if ($pagesetting7 == '0'){ echo '<div class="columns-2"> </div> <div class="columns-2"><div class="spacecode" style="height:30px;"></div><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/blocks1.png" /></div><div class="squaretitle">Mobile Friendly</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/color-picker.png" /></div><div class="squaretitle">Color Picker</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/ample-shortcodes.png" /></div><div class="squaretitle">Ample Shortcodes</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/page-builder.png" /></div><div class="squaretitle">Page Builder</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/fully-documented.png" /></div><div class="squaretitle">Fully Documented</div></div></a><a href="#"><div class="squarebox"><div class="squareicon"><img src="'.get_template_directory_uri().'/images/translation-ready.png" /></div><div class="squaretitle">Translation Ready</div></div></a><div class="spacecode" style="height:10px;"></div></div>'; } else { $secseven = new WP_Query('page_id='.$pagesetting7.''); while ($secseven->have_posts()) : $secseven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php wp_reset_postdata(); ?> <?php } ?> <!-- Home Section 7 --> <!-- Home Section 8 --> <?php if($complete['hide_boxes_section8'] ==''){?> <section class="home8_section_area <?php if($complete['section8_bg_image']){ ?>home8_section_area_bg<?php } ?>" <?php if(!empty($complete['section8_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec8bgvideo = $complete['section8_bg_video']; echo do_shortcode($sec8bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section8_content"> <?php $pagesetting8 = get_theme_mod( 'page-setting8'); if ($pagesetting8 == '0'){ echo '<div style="background-color:#ff8800;" class="promo5"><h2 style="color:#ffffff;">Create Stunning Websites. Purchase Perfect Theme. Just $60</h2><div class="sktmore"><a href="https://www.sktthemes.org/shop/commercial-wordpress-theme">GET YOUR COPY</a></div> </div>'; } else { $seceight = new WP_Query('page_id='.$pagesetting8.''); while ($seceight->have_posts()) : $seceight->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php wp_reset_postdata(); ?> <?php } ?> <!-- Home Section 8 --> <!-- Home Section 9 --> <?php if($complete['hide_boxes_section9'] ==''){?> <section class="home9_section_area <?php if($complete['section9_bg_image']){ ?>home9_section_area_bg<?php } ?>" <?php if(!empty($complete['section9_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec9bgvideo = $complete['section9_bg_video']; echo do_shortcode($sec9bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section9_content"> <?php $pagesetting9 = get_theme_mod( 'page-setting9'); if ($pagesetting9 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828">Perfect Core Features.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:30px;" class="spacecode"></div>'.do_shortcode('[posts-style3 show="12" cat="1" excerptlength="24"]'); } else { $secnine = new WP_Query('page_id='.$pagesetting9.''); while ($secnine->have_posts()) : $secnine->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 9 --> <!-- Home Section 10 --> <?php if($complete['hide_boxes_section10'] == '' ){?> <section class="home10_section_area <?php if($complete['section10_bg_image']){ ?>home10_section_area_bg<?php } ?>" <?php if(!empty($complete['section10_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec10bgvideo = $complete['section10_bg_video']; echo do_shortcode($sec10bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section10_content"> <?php $pagesetting10 = get_theme_mod( 'page-setting10'); if ($pagesetting10 == ''){ echo '<div class="center-title"><h2 style="color:#ffffff">Create easily anything you want with Perfect.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:30px;" class="spacecode"></div><p><img width="1149" height="620" sizes="(max-width: 1149px) 100vw, 1149px" alt="create-easily" src="'.get_template_directory_uri().'/images/create-easily.png" class="aligncenter size-full"></p>'; } else { $secten = new WP_Query('page_id='.$pagesetting10.''); while ($secten->have_posts()) : $secten->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 10 --> <!-- Home Section 11 --> <?php if($complete['hide_boxes_section11'] ==''){?> <section class="home11_section_area <?php if($complete['section11_bg_image']){ ?>home11_section_area_bg<?php } ?>" <?php if(!empty($complete['section11_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec11bgvideo = $complete['section11_bg_video']; echo do_shortcode($sec11bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section11_content"> <?php $pagesetting11 = get_theme_mod( 'page-setting11'); if ($pagesetting11 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828">Perfect is also compatible with.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:40px;" class="spacecode"></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/woo-thumb.png"/></div> <div class="perf-title"><h3>WOOCOMMERCE</h3></div> <div class="perf-description">for building advanced shops</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/thumb-translate.png"/></div> <div class="perf-title"><h3>Q TRANSLATE X</h3></div> <div class="perf-description">for language translation</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/con7-thumb.png"/></div> <div class="perf-title"><h3>CONTACT FORM 7</h3></div> <div class="perf-description">for building great forms</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/crelly-slider.png"/></div> <div class="perf-title"><h3>CRELLY SLIDER</h3></div> <div class="perf-description">for layered slider</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/event-thumb.png"/></div> <div class="perf-title"><h3>THE EVENT CALENDAR</h3></div> <div class="perf-description">for better organization</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/bb-thumb.png"/></div> <div class="perf-title"><h3>BBPRESS</h3></div> <div class="perf-description">for social sharing</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/cyclone-slider.png"/></div> <div class="perf-title"><h3>CYCLONE SLIDER</h3></div> <div class="perf-description">for simple video slider</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/nextgen-gallery.png"/></div> <div class="perf-title"><h3>NEXTGEN GALLERY</h3></div> <div class="perf-description">for photo gallery</div></div></a></div><div class="perfectbox"><a href="#"><div class="perfectborder"> <div class="perf-thumb"><img src="'.get_template_directory_uri().'/images/yoast-seo.png"/></div> <div class="perf-title"><h3>YOAST SEO</h3></div> <div class="perf-description">for SEO meta tags</div></div></a></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting11.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 11 --> <!-- Home Section 12 --> <?php if($complete['hide_boxes_section12'] ==''){?> <section class="home12_section_area <?php if($complete['section12_bg_image']){ ?>home12_section_area_bg<?php } ?>" <?php if(!empty($complete['section12_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec12bgvideo = $complete['section12_bg_video']; echo do_shortcode($sec12bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section12_content"> <?php $pagesetting12 = get_theme_mod( 'page-setting12'); if ($pagesetting12 == '0' ){ echo '<div class="center-title"><h2 style="color:#ffffff">Build amazing sites using Perfect Shortcodes.</h2><span style="border-bottom-color:#ffffff"></span></div><img class="aligncenter nobottom" src="'.get_template_directory_uri().'/images/perfect-shortcodes.png" />'; } else { $seceleven = new WP_Query('page_id='.$pagesetting12.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 12 --> <!-- Home Section 13 --> <?php if($complete['hide_boxes_section13'] ==''){?> <section class="home13_section_area <?php if($complete['section13_bg_image']){ ?>home13_section_area_bg<?php } ?>" <?php if(!empty($complete['section13_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec13bgvideo = $complete['section13_bg_video']; echo do_shortcode($sec13bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section13_content"> <?php $pagesetting13 = get_theme_mod( 'page-setting13'); if ($pagesetting13 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828">4 Perfect Blog Templates.</h2><span style="border-bottom-color:#e8e7e7"></span></div><div style="height:20px;" class="spacecode"></div><p style="text-align: center;">You can use different blog Templates for your website</p><div style="height:40px;" class="spacecode"></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-right-sidebar/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-right-sidebar.png" /></div><div class="infoblocktitle"><h4>BLOG RIGHT SIDEBAR</h4></div></a></div></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-left-sidebar/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-left-sidebar.png" /></div><div class="infoblocktitle"><h4>BLOG LEFT SIDEBAR</h4></div></a></div></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-full-width/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-full-width.png" /></div><div class="infoblocktitle"><h4>BlOG FULL WIDTH</h4></div></a></div></div><div class="columns-4"><div class="blockbox"><a href="http://sktperfectdemo.com/blog-no-sidebar/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/blog-no-sidebar.png" /></div><div class="infoblocktitle"><h4>BLOG NO SIDEBAR</h4></div></a></div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting13.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 13 --> <!-- Home Section 14 --> <?php if($complete['hide_boxes_section14'] ==''){?> <section class="home14_section_area <?php if($complete['section14_bg_image']){ ?>home14_section_area_bg<?php } ?>" <?php if(!empty($complete['section14_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec14bgvideo = $complete['section14_bg_video']; echo do_shortcode($sec14bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section14_content"> <?php $pagesetting14 = get_theme_mod( 'page-setting14'); if ($pagesetting14 == '0' ){ echo '<div class="columns-2"><div class="center-title"><h2 style="color:#ffffff">4 Perfect Header Styles.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-1/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-1.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 1</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-2/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-2.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 2</h4></div></a></div></div><div class="clear"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-3/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-3.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 3</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/header-layout-4/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/header-style-4.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">HEADER STYLE 4</h4></div></a></div></div></div><div class="columns-2"><div class="center-title"><h2 style="color:#ffffff">4 Perfect Footer Styles.</h2><span style="border-bottom-color:#ffffff"></span></div><div style="height:50px;" class="spacecode"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-1/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-1.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 1</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-2/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-2.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 2</h4></div></a></div></div><div class="clear"></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-3/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-3.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 3</h4></div></a></div></div><div class="columns-2"><div class="blockbox"><a target="_self" href="http://sktperfectdemo.com/footer-layout-4/"><div class="infoblockthumb"><img src="'.get_template_directory_uri().'/images/footer-style-4.png" /></div><div class="infoblocktitle"><h4 style="color:#ffffff;">FOOTER STYLE 4</h4></div></a></div></div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting14.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 14 --> <!-- Home Section 15 --> <?php if($complete['hide_boxes_section15'] ==''){?> <section class="home15_section_area <?php if($complete['section15_bg_image']){ ?>home15_section_area_bg<?php } ?>" <?php if(!empty($complete['section15_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec15bgvideo = $complete['section15_bg_video']; echo do_shortcode($sec15bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section15_content"> <?php $pagesetting15 = get_theme_mod( 'page-setting15'); if ($pagesetting15 == '0' ){ echo '<div class="center-title"><h2 style="color:#000000">People Love Perfect.</h2><span style="border-bottom-color:#e8e7e7"></span></div><p style="text-align: center;">Why Perfect is a Top Seller theme in 2016.</p><div class="bxmain rota"> <div class="bx-wrapper"> <div class="bx-viewport"> <ul class="bxslider" > <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/safira.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Jennifer Doe</h3> <p>(Larvel, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/alana.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Sara Doe</h3> <p>(Mizami, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/sarag.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Laura Doe</h3> <p>(Wirate, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/safira.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Sara Doe</h3> <p>(Larvel, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/alana.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Laura Doe</h3> <p>(Mizami, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/sarag.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Jennifer Doe</h3> <p>(Wirate, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/safira.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Sara Doe</h3> <p>(Larvel, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/alana.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Laura Doe</h3> <p>(Mizami, Manager)</p> </li> <li> <div class="testimonial-image"><img width="70px" height="70px" src="'.get_template_directory_uri()."/images/sarag.jpg".'" /></div> <div class="testimonilacontent">Cras mi sapien, facilisis quis efficitur vel, suscipit vitae orci. Donec nec orci consequat feugiat sem veluctus velit. Nulla posuere sagittis metus eget luctus. vestibulum ullamcorper nequee faucibus nibh semper. Curabitur in metus ultrices finibus enim dictum, efficitur. Quisque euismod finibus tristique. Mauris at porta sapien.</div> <h3>Jennifer Doe</h3> <p>(Rediff, Manager)</p> </li> </ul> </div> </div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting15.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 15 --> <!-- Home Section 16 --> <?php if($complete['hide_boxes_section16'] ==''){?> <section class="home16_section_area <?php if($complete['section16_bg_image']){ ?>home16_section_area_bg<?php } ?>" <?php if(!empty($complete['section16_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec16bgvideo = $complete['section16_bg_video']; echo do_shortcode($sec16bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section16_content"> <?php $pagesetting16 = get_theme_mod( 'page-setting16'); if ($pagesetting16 == '0' ){ echo '<div class="center-title"><h2 style="color:#282828;">Perfect Partners.</h2><span style="border-bottom-color:#e8e7e7;"></span></div><div style="height:50px;" class="spacecode"></div><div class="clientarea"><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/wp.png"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/jquery.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/woocommerce.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/bbpress-client.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/mysql.jpg"></a> </div><div class="clientbox"> <a target="_blank" href="#"><img src="'.get_template_directory_uri().'/images/jquery.jpg"></a> </div></div>'; } else { $seceleven = new WP_Query('page_id='.$pagesetting16.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 16 --> <!-- Home Section 17 --> <?php if($complete['hide_boxes_section17'] ==''){?> <section class="home17_section_area <?php if($complete['section17_bg_image']){ ?>home17_section_area_bg<?php } ?>" <?php if(!empty($complete['section17_bg_video'])){ ?>data-vidbg-bg="mp4: <?php $sec17bgvideo = $complete['section17_bg_video']; echo do_shortcode($sec17bgvideo); ?>" data-vidbg-options="loop: true, muted: true, overlay: false"<?php } ?>> <div class="center"> <div class="home_section17_content"> <?php $pagesetting17 = get_theme_mod( 'page-setting17'); if ($pagesetting17 == '0' ){ echo 'Section 17 Content'; } else { $seceleven = new WP_Query('page_id='.$pagesetting17.''); while ($seceleven->have_posts()) : $seceleven->the_post(); ?> <?php the_content(); ?> <?php endwhile; wp_reset_postdata(); ?> <?php } ?> </div> </div> </section> <?php } ?> <?php wp_reset_postdata(); ?> <!-- Home Section 17 --> </div> </div> <?php }else{ ?> <div class="fixed_site"> <div class="fixed_wrap fixindex"> <?php get_template_part('templates/post','layout4'); ?> </div> </div> <?php } //is_front_page ENDS ?> <?php get_footer(); ?>In reply to: General Support Questions
Hi,
Kindly go to Appearance >> Theme Options >> Basic Settings >> Custom CSS Box:
Add this code there:
@media screen and (max-width:479px) { .widget-column-1 { width:100%; padding-right:0;} }Regards,
DaveTopic: Top Bar
Very new newbie here. Top bar – adding clickable phone number and social links.
I think I’ve done it right but its not showing.
For the tel I’ve added
and put it in the header top bar left widget with custom html.
So is there more code that needs to be here for it to show?
In reply to: General Support Questions
Hello and thanks for the solution to remove one of the columns in the footer of the webpage. But now I need a solution for that solution.
When opened on a mobile device the code here:
.widget-column-2 { display:none;}
.widget-column-1 { width:50%; padding-right:40px;}column 1 literally only goes 50% across the open page, with the remaining address info below it.
Can you provide code that suggests when it is viewed on a mobile device the 50% page coverage should be ignored??
Topic: Footer change
