Selecting a Specific “Child” in CSS

Problem You have multiple objects with the same class, but you want to change the css for specific one(s)   Solutions /* Selects the second <li> element in a list */ li:nth-child(2) { color: #6557ff; } /* Selects every fourth element among any group of...

Adding a Google Font

Problem You want to insert a Google Font into your website without uploading the font files Solution #1 Add to your page template: @import url(‘https://fonts.googleapis.com/css2?family=Montserrat&display=swap’); (replace “Montserrat” with...

Adding Shortcode Into PHP

Problem So you have some shortcode, and you want to insert it into a PHP file? Just need this simple line of code: <?php echo do_shortcode(‘[name_of_shortcode]’); ?> Tada! That’s it!

Truncating Text Using CSS

The Problem You have an area of text that needs to automatically truncate to fit the space. Solution #1: Single Line Text p { max-width: 150px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } Solution #2: Multiple Lines of Text p { line-height: 2rem;...
Previous Next
Close
Test Caption
Test Description goes like this