html

Img load while refreshing

You are resizing your logo in your css, giving that flash of unstyled content on load/reload. It’s original size is 150x150px. You have at least two options: Change it for a smaller version (75x75px), avoiding the jarring resize. Alter the css to make it display:none (like your other logos) and make it fade in with … Read more

How to return html as a string from php for WordPress

You are missing multiple single quotes around $a[url], so after src=”https://wordpress.stackexchange.com/questions/350229/ there should be a” and after $a[url] there should be another single quote, and you also need to quote the array key, so the whole return line should be return ‘<audio class=”listen” preload=”none” data-size=”250″ src=”‘ . $a[‘url’] . ‘”></audio></div></div>’;

Problem with my Login Plugin

You have a number of problems that have to be corrected for this to work. Shortcodes should return content – not echo/print it to the screen. You should sanitize your retrieved $_POST values before use. You can’t query the db for a plain text password. Passwords are hashed. Don’t do your form processing outside of … Read more

Photo cover in WooCommerce

You are using cropped image. Your image is 300×300 cropped while the section is bigger. Your first div is already set to 40% width, so limiting the image to 40% in that section doesn’t make sense. Use properly sized thumbnail or actual image. Here is the result i got using actual image /3dcc1cba-c209-4a1a-a1f2-edd17fc8b58e.jpg & NOT … Read more

Set different heights per screen size with inline styles CSS into the ‘Text’ section of a Page

You should use Media Queries. Give that element a class & style it through media query following different screen sizes. Here is the sample: HTML <div align=”center”> <div class=”resolution”> <div style=”position: relative; padding-bottom: 50.00%; padding-top: 35px; height: 0; overflow: hidden;”> <iframe style=”position: absolute; top: 0; left: 0; width: 100%; height: 100%;” src=”https://wordpress.stackexchange.com/questions/352152/html-websiteaddress” width=”640″ height=”360″ allowfullscreen=”allowfullscreen”></iframe></div> … Read more

+ More