How do I update my content on WordPress? There are a few different ways to do this, and it will depend on how your website is built. Every development team is different, but the top two common ways that custom built websites allow to update content is either through a Page Builder, or via Custom […]
read moreYou might hear us talk about “themes” a lot with our work, and it may not be entirely clear what this means. So let’s clear this up! Think of your website as three parts: The first is your system that powers everything. This can be custom built, or the common method is to use […]
read moreProblem You’re trying to upload a file into WordPress and you’re getting the error, “Sorry, this file type is not permitted for security reasons”. Solution Using FTP or File Manager, open your wp-config.php file (warning: for advanced users only). Add the following line to the file anywhere after <?php and without disrupting any other […]
read moreProblem You have items that need to be in a specific order in certain scenarios (e.g. an image should be above text on mobile, but not on desktop) Solution .wrapper { display:flex; flex-flow: column; } #item1 { order:4; } #item2 { order:3; } #item3 { order:2; }
read moreProblem You’re using Divi Theme or Divi Builder, and your images are getting cropped in the Blog, Gallery and/or Portfolio Modules. Solution – Blog Add this code snippet to your functions.php file. function ld_blog_crop_image_width($width) { return 9999; } function ld_blog_crop_image_height($height) { return 9999; } add_filter( ‘et_pb_blog_image_width’, ‘ld_blog_crop_image_width’ ); add_filter( ‘et_pb_blog_image_height’, ‘ld_blog_crop_image_height’ ); Solution – […]
read moreProblem 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 siblings */ :nth-child(4n) { color: #6557ff; } You can […]
read moreProblem 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 font name) Solution #2 Add to your stylesheet: @import url(‘https://fonts.googleapis.com/css2?family=Montserrat&display=swap’); (replace “Montserrat” with font name)
read moreProblem 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!
read moreThe 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; max-height: 8rem; -webkit-box-orient: vertical; display: block; display: -webkit-box; overflow: hidden !important; text-overflow: ellipsis; -webkit-line-clamp: 4; […]
read more