Skip to content
Code Snippets The Code Beast
  • Home
  • THE INDEX
    • PHP Scripts
    • Javascript/jQuery
    • Free Templates
    • HTML/CSS Script
    • Web Design
    • Graphic Design
    • WordPress
    • Application Development
    • Fun Stuff
    • Video Editing
  • About
  • Contact Us
  • TOOLS
    • WordPress Password Generator
    • CF7 Spam Protector
    • HEX TO RGB Converter
    • Stripe Fee Calculator
    • APC Shipping Plugin
    • Housekeeping Platform
    • Transcribe Laravel Application
    • Postman to Swagger
    • Password Generator
  • Shop

Press enter to see results or esc to cancel.

Abraham Garcia in HTML/CSS Script   Wednesday, January 31 2024

How to Resizing Gravity Form Spinner

Learn how to resize the ajax spinner with CSS.

Below is the CSS to resize the gravity form the ajax spinner. I had to write this because our spinner was way to big because of other CSS rules. .gform_ajax_spinner{width:40px!important;}

Continue reading
Abraham Garcia in HTML/CSS Script   Friday, December 22 2023

Learn How to Make a Masonry Grid Purely With CSS

Craft perfect galleries effortlessly with CSS! Say goodbye to JS for masonry grids. No resizing issues, no gaps. Optimize your website now.

I was so used to using JS to create the masonry grid, but I found that you can do this with CSS without any issues. Use this code to create

Continue reading
Abraham Garcia in HTML/CSS Script   Tuesday, December 5 2023

Diving into the World of HTML Elements: A Comprehensive Guide

Master HTML essentials for captivating web pages—your key to development success!

HTML, or HyperText Markup Language, is the foundation of web pages, providing the structure and content that users interact with. At the heart of HTML lie HTML elements, the building

Continue reading
Abraham Garcia in Application Development   Tuesday, October 4 2022

3 programming languages ​​that will make you an expert

The face of web development has changed significantly over the last two decades, especially because of the fact that tablets and smartphones are being used as the primary devices for

Continue reading
Abraham Garcia in HTML/CSS Script   Tuesday, June 7 2022

7 Tips To Learn to Program Quickly

Programming is one of the industries that has had the greatest growth in recent years. The United States Bureau of Labor Statistics indicated that jobs will increase by 17% by

Continue reading
Abraham Garcia in HTML/CSS Script   Tuesday, January 11 2022

Change Order of List Items Via CSS

Change The Order of Your List Items. Reorder Your li List through CSS. Simple and Easy Way to Swap Order On Your UL.

Learn how to change the order of a list item with CSS. I wanted to change the order of some social media icons, but the WordPress plugin did not allow

Continue reading
Abraham Garcia in HTML/CSS Script   Tuesday, March 30 2021

How to Change SVG Colore with Hover

Easy Hover SVG Color Change Via Filter. Does not replace image on hover

This is a cool CodePen I found for hover SVG change you need to do it via a filter option here is an example of the HTML.  <div> <span class="icon

Continue reading
Abraham Garcia in HTML/CSS Script   Friday, September 11 2020

How to Fix the Horizontal Wiggle on iPhone Elementor Theme

Left and Right Wiggle on Elementor iPhone. Simple and Quick 3 Line Fix on CSS.

I was navigating one website built with elementor and I realized there is a left and right wiggle that was bothering me so much. So I found an article online

Continue reading
Abraham Garcia in HTML/CSS Script   Thursday, June 25 2020

onClick Javascript Confirm Dialog Sample Code

How to popup a confirm dialog before deleting something?

How to create a confirm dialog to confirm the deletion.  <a href="url_to_delete" onclick="return confirm('Are you sure you want to delete this item?');">Delete</a>

Continue reading
Abraham Garcia in HTML/CSS Script   Thursday, May 7 2020

Bootstrap 4 Align Center Div – Learn How to Align Middle

How to Center a div on the Middle. Middle Alignment for Bootstrap 4

A short snippet to align center columns on Bootstrap 4 <div class="col-md-6 align-self-center"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Placeat illo autem, consequatur, blanditiis aliquam, dolorem, in tenetur

Continue reading
  • 1
  • 2
  • 3
  • 4
  • Next Page »
BECOME A CONTRIBUTOR TODAY

CONTACT US

Categories
  • AI Workflows
  • APIs
  • Application Development
  • Artificial Intelligence
  • Blogging
  • Cybersecurity
  • Developer Tools
  • Free Templates
  • Fun Stuff
  • GitHub
  • Graphic Design
  • HTML/CSS Script
  • Javascript/jQuery
  • marketing
  • PHP Scripts
  • Product Reviews
  • Python
  • SaaS
  • SEO
  • SQL
  • Uncategorized
  • Video Editing
  • Web Design
  • Website Analytics
  • WordPress

Facebook



Tags

  • wordpress
  • jquery
  • php
  • css
  • laravel
  • react js
  • javascript
  • bootstrap
  • github
  • contact form 7

Twitter

Tweets by @thecodebeast

Social Icons




Logo

Welcome to The Code Beast – A blog that helps developers find tools in their respective programming language.

Tags

  • wordpress
  • jquery
  • php
  • css
  • laravel
  • react js
  • javascript
  • bootstrap
  • github
  • contact form 7

Navigation

  • Home
  • About
  • Contact
Contact Us

The Code Beast
info@thecodebeast.com
The Code Beast © Copyright 2025.
Privacy Policy