SitesByYogi’s gists

SitesByYogi / internal-css.html

Created June 22, 2023 00:40

Add internal CSS

SitesByYogi / style.css

Created June 22, 2023 00:42

Create a new file with a .css extension (e.g., styles.css), and link it to your HTML document:

	<head>
	<link rel="stylesheet" href="styles.css">
	</head>
	<body>
	<p>This is a blue paragraph.</p>
	</body>

SitesByYogi / syntax.css

Created June 22, 2023 00:57

CSS uses a simple syntax to define styles. Here's an example of CSS syntax:

	selector {
	property: value;
	/* Add more properties as needed */
	}

SitesByYogi / element-selector.css

Created June 22, 2023 01:05

Selects elements based on their HTML tag.

	p {
	/* Styles applied to all <p> elements */
	}

SitesByYogi / class-selector.css

Created June 22, 2023 01:06

Selects elements with a specific class attribute.

	.my-class {
	/* Styles applied to elements with class="my-class" */
	}

SitesByYogi / id-selector.css

Created June 22, 2023 01:08

Selects a single element with a specific ID attribute.

	#my-id {
	/* Styles applied to the element with id="my-id" */
	}

SitesByYogi / descendants-selector.css

Created June 22, 2023 01:10

Selects elements that are descendants of another element.

	.parent-class .child-class {
	/* Styles applied to elements with class="child-class" within elements with class="parent-class" */
	}

SitesByYogi / debug.c

Last active June 22, 2023 15:06

enable wp_debug in wordpress

define('WP_DEBUG', false);

SitesByYogi / wp-loop.php

Created July 9, 2023 03:20

The famous WordPress loop

	<?php
	while (have_posts()) {
	the_post(); ?>
	<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
	<?php the_content(); ?>
	<hr>
	<?php }

	?>

SitesByYogi / woo-cart-page.php

Created August 11, 2023 15:31

Custom CSS rules for Woocommerce

	<?php
	// Do Not Copy the <?php tag above.

	/* add white-space breaking to buttons */
	.btn {
	white-space: normal !important;
	}

	/* order details text over flow fix */
	.entry-content .woocommerce-order-details > .woocommerce-table{