IT Blog

  • Blog
  • Technology
    • Technology
    • Architecture
    • CMS
    • CRM
    • Web
    • DotNET
    • Python
    • Database
    • BI
    • Program Language
  • Users
    • Login
    • Register
    • Forgot Password?
  • ENEN
    • 中文中文
    • ENEN
Theme
Theme

Theme Demo Setup - BeautyPack

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

2020-01-03 0 Comments 781 Views 0 Like IT Team Read more
Theme

fix menu arrow

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

2019-07-16 0 Comments 865 Views 0 Like IT Team Read more
Theme

Controlling sidebar hide/show on post

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…

2018-12-07 0 Comments 1918 Views 0 Like IT Team Read more
Plugin

Disable auto update in wordpress

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

2017-11-18 0 Comments 864 Views 0 Like IT Team Read more
Theme

How to change copyright footer for Parallax-One theme

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.  

2017-11-13 0 Comments 1104 Views 0 Like IT Team Read more
Theme

Apostrophe menu font too big

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.

2017-10-31 0 Comments 1126 Views 0 Like IT Team Read more
Theme

Apostrophe 2 Theme, the image on page is not tidy up.

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

2017-10-24 0 Comments 799 Views 0 Like IT Team Read more
Theme

Parallax One analysis

File structure Sections

2017-10-23 0 Comments 803 Views 0 Like IT Team Read more
Plugin

Download URLs

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  

2017-10-17 0 Comments 859 Views 0 Like IT Team Read more
Theme

Feature image is repeating on post

By using the plugin "Featured Image From URL", after update, the first image is repeated on top of the post.

2017-10-17 0 Comments 787 Views 0 Like IT Team Read more
12
Newest Hotspots Random
Newest Hotspots Random
Rich editor not working Making web page scroll down automatically Getting data from Dapper result All Unicode Chars How to keep and display contact form 7 data Common Regular Expressions
fix menu arrow Handling long-press event Parallax One analysis Wordpress + polylang - Globalization Temporary tables lifetime Accessing private fields in C#
Categories
  • Architecture
  • BI
  • C#
  • CSS
  • Database
  • DotNET
  • Hosting
  • HTML
  • JavaScript
  • PHP
  • Program Language
  • Python
  • Security
  • SEO
  • Technology
  • Web
  • Wordpress

COPYRIGHT © 2021 Hostlike IT Blog. All rights reserved.

This site is supported by Hostlike.com