Download package file from DownloadFreeThemes and unzip the file. Installation guide video on youtube. Install wordpress as normal, then activate BeautyPack theme, goto dashboard to import files. Install required plugins Clear existing posts and pages Files in theme package Import theme options Import sliders Import menu, posts, pages Page builder settings Change wp settings Final demos
Symptom Add multi-level menu in Shapely theme. It shows square box instead of arrow. Issue identified In stylesheet, there is :after style defined. It adds the fontawesome symbol "\f107". But somehow the file loading got denied. Fix the issue Using "Custom CSS & JS" plugin, over-write the :after style: .dropdown:after { content: "▼" !important; } Result
Here's a way to hide/show sidebar control. The following steps add the functionality to most of themes. Theme: apostrophe-2 Create a child theme Copy single.php to the root folder of the child theme Edit single.php in the child theme folder, Add the following code to before primary section get_header(); ?> <div id="sidebar_controller_block"> Sidebar hide/show <input id="sidebar_controller" type="button" value=">"> </div> <section id="primary" class="content-area"> Add JavaScript code after footer, or create a custom js in "Custom CSS & JS" plugin $(document).ready(function(){ $('#sidebar_controller_block').on('click',function(){ var sidebar = $('#secondary.widget-area'); var article = $('#primary'); var controller = $('#sidebar_controller'); if(sidebar.is(':visible')){ sidebar.hide(); article.css('width','100%'); controller.val('<'); } else{ article.css('width','68.18182%'); sidebar.show(); controller.val('>'); } }); }); // this code is used in https://it.211cn.ca To keep search bar we may move it to the top of primary block. $(document).ready(function(){ if($.browser.mobile) $("#sidebar_controller_block").hide(); $('h1.entry-title').append($("#sidebar_controller_block")); var sidebar = $('#secondary.widget-area'); var article = $('#primary'); var controller = $('#sidebar_controller'); var media = window.matchMedia("(min-width: 768px)"); $('#sidebar_controller_block').on('click',function(){ if(sidebar.is(':visible')){ if(media.matches){ sidebar.hide(); article.css('width','100%'); controller.val('<'); $('form[role="search"]').prependTo('h1.entry-title'); } } else{ if(media.matches){ sidebar.show(); article.css('width','73%'); controller.val('>'); $('form[role="search"]').prependTo('div.sidebar-primary'); } } }); }); // this code is used in https://211cn.ca Add css in "Custom CSS & JS" plugin #sidebar_controller_block{ text-align:right; } #sidebar_controller{ background: #fafafb; padding: 2px 6px; margin-right: 8px; border:solid 1px #72a0e8; font-weight: bold; } Result Note: this solution was implemented on Apostrophe 2 theme. Please leave comments for me if some theme is not working on this solution. Theme: Point Custom js $(document).ready(function(){ var sidebar = $('aside'); var article = $('article'); var controller = $('#sidebar_controller'); $("#sidebar_controller_block").appendTo($('h1.title')); if($.browser.mobile) $("#sidebar_controller_block").hide(); $('#sidebar_controller_block').on('click',function(){ if(sidebar.is(':visible')){ sidebar.hide(); article.css('width','100%'); controller.val('<'); } else{ article.css('width','67%'); sidebar.show(); controller.val('>'); } }); }); // this code is used in…
It is not recommended to disable auto update for security reason. But there are ways to do so if you want to. add this line to wp-config.php to disable all automatic WordPress updates. define( 'WP_AUTO_UPDATE_CORE', false ); disable plugin updates: add_filter( 'auto_update_plugin', '__return_false' ); disable theme updates: add_filter( 'auto_update_theme', '__return_false' ); install Easy Updates Manager plugin to manage your options. https://www.youtube.com/watch?time_continue=14&v=DN_QjPAHwmY
Location: /wp-content/themes/Parallax-One/footer.php Copy this file to child theme folder and open the file. Look for <?php echo apply_filters( 'parallax_one_plus_footer_text_filter', '<div class="powered-by">"... Comment it out. And add your own copyright there.
Problem Menu font is not necessary so big and blacked. This is right font size: Solution: Find the theme file style.css, and change font-weight from 600 to 400.
Apostrophe 2 Theme, the image on page is not tidy up. Before change: After change: Solution: style.css .archive .entry-thumbnail img, .blog .entry-thumbnail img, .search .entry-thumbnail img { transition: all 0.125s linear; /* Fade out quickly */ height: 200px; width: 150px; } /* General navigation */ a.entry-thumbnail { height:150px; } //default image height
Wordpress https://wordpress.org/latest.zip https://tw.wordpress.org/latest-zh_TW.zip https://tw.wordpress.org/wordpress-4.8.2-zh_TW.zip Themes http://design311.com/wpthemes/download/apostrophe.zip http://downloads.themeisle.com/Parallax-One/latest/Parallax-One.zip https://downloads.wordpress.org/theme/accesspress-parallax.1.53.zip Plugins https://downloads.wordpress.org/plugin/polylang.2.2.3.zip https://downloads.wordpress.org/plugin/wpglobus.zip
By using the plugin "Featured Image From URL", after update, the first image is repeated on top of the post.