Keep Beaver Themer Sticky Header on Mobile & Tablet
…set for all devices Add in the below CSS… /* Allow Sticky Header */ @media (max-width:991px) { header[data-type=”header”]{ left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 100;…
Read MoreChanging the Thumbnail Size for Genesis Featured Posts Widget
…actual size. You declare the images sizes in your child themes functions.php file, examples like so: add_image_size( ‘smaller-thumb’, 90, 90 ); or add_image_size( ‘smaller-thumb-hardcrop’, 100, 100, true ); As a…
Read MoreAutoPrefix Browser Vendors to your CSS style sheet with a Gulp Workflow
…”Your Name”, } Install the required packages npm install –save-dev gulp npm install –save-dev gulp-autoprefixer So installing gulp and autoprefixer – this will then automatically adjust our package.json file {…
Read MoreAdding a Sticky Footer to Beaver Builder Theme with CSS
…can also still apply the sticky footer with some Flexbox CSS rules as below. .fl-page { display: -ms-flexbox; display:-webkit-flex; display:-webkit-box; display:flex; -ms-flex-direction:column; -webkit-flex-direction:column; -webkit-box-orient:vertical; -webkit-box-direction:normal; flex-direction:column; min-height:100vh; } .fl-page-content {…
Read MoreGive Comments Fields Some Full Width Love
….comment-respond input[type=”text”], .comment-respond input[type=”url”] { width: 100%; } } oh helloe Just change the max-width value to the pixel number that you want the fields to stop appearing at 100%….
Read MoreAdd a Facebook Like Box HTML5 style to Genesis Child Theme (Responsively)
…Responsive add the CSS below .fb_iframe_widget { display: block !important; } .fb-like-box iframe { width: 100% !important; } .fb-like-box span { width: auto !important; position: initial !important; } .fb_iframe_widget_fluid span…
Read MoreChange Amount of WooCommerce Products Displayed on Shop Page
…or Woo’s woocommerce_product_query together with the WooCommerce conditional is_product_category() add_action(‘pre_get_posts’,’bt_shop_filter_cat’); function bt_shop_filter_cat($query) { if (!is_admin() && $query->is_main_query() && is_product_category( ‘accessories’ )) { // change to your product category $query->set( ‘posts_per_page’,…
Read MoreAdding in Header Widget to Genesis Remobile Theme
…like… and smaller size looks like this… CSS /* Header Right and Title Area —————————————————————————————————- */ #menu-primary-navigation { text-align: left; } .title-area { width: 35%; float: left; padding: 2% 2%…
Read MoreCreate a Middle Header Widget Area for a Genesis Child Theme
….header-middle and .header-widget-area equal to 100% Down to 768px 767px and lower The widths are set to retain their alignment and proportions down to 768px and then…
Read MoreSet hostname and fqdn in Ubuntu 18.04 & 20.04 & 22.04
…command on its own it will tell you what the current name is, the example below is named racknerd-la hostnamectl root@racknerd-la:~# hostnamectl Static hostname: racknerd-la Icon name: computer-vm Chassis: vm…
Read More