Skip to content

Instantly share code, notes, and snippets.

View kuokoad's full-sized avatar

Kwaku Dzaho kuokoad

View GitHub Profile
@kuokoad
kuokoad / functions.php
Created August 30, 2023 10:36 — forked from mikejolley/functions.php
WooCommerce - Redirect external products offsite (disable single listings)
<?php // Do not include this if already open!
/**
* Code goes in theme functions.php.
*/
add_action( 'template_redirect', 'redirect_external_products' );
function redirect_external_products() {
global $post;
@kuokoad
kuokoad / Elementor Price Table Align Height
Created March 28, 2022 00:19 — forked from diggeddy/Elementor Price Table Align Height
Force same height on all pricing tables in a row and push footer to bottom
.elementor-widget-price-table, .elementor-widget-price-table>div, .elementor-price-table {
height: 100%;
}
.elementor-price-table {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
@kuokoad
kuokoad / README.md
Created April 17, 2021 17:16 — forked from lopspower/README.md
Hexadecimal color code for transparency

Hexadecimal color code for transparency

Twitter

How to set transparency with hex value ?

For example, you want to set 40% alpha transparence to #000000 (black color), you need to add 66 like this #66000000.

Download This sample on Google Play Store

@media (max-width: 320px) {
body { background-color: red; }
}
@media (min-width: 321px ) and (max-width: 375px) {
body { background-color: blue; }
}
@media (min-width: 376px ) and (max-width: 425px) {
body { background-color: orange; }
@kuokoad
kuokoad / css-media-queries-cheat-sheet.css
Created March 15, 2021 00:47 — forked from bartholomej/css-media-queries-cheat-sheet.css
CSS Media Query Cheat Sheet (with Foundation)
/*------------------------------------------
Responsive Grid Media Queries - 1280, 1024, 768, 480
1280-1024 - desktop (default grid)
1024-768 - tablet landscape
768-480 - tablet
480-less - phone landscape & smaller
--------------------------------------------*/
@media all and (min-width: 1024px) and (max-width: 1280px) { }
@media all and (min-width: 768px) and (max-width: 1024px) { }