Image inside the Image to hide

https://css-tricks.com/snippets/css/absolute-center-vertical-horizontal-an-image/

img { position: absolute; top: 50%; left: 50%; width: 500px; height: 500px; margin-top: -250px; /* Half the height */ margin-left: -250px; /* Half the width */ }

Comments

Post a Comment

Popular posts from this blog

Conditional Fields for Contact Form 7 Tutorial

Image
https://conditional-fields-cf7.bdwm.be/conditional-fields-for-contact-form-7-tutorial/ In this tutorial we will create a simple support form with conditional fields. The end result Because you probably wonder what the end result is going to look like, here it is! Go ahead and submit the form. No data will be emailed to anyone, instead you will get a preview of what the email will look like. Make sure to try both options (sales and tech) to see the difference in the email message. Your name:  Your email address:  What kind of support do you want? -- Choose support type -- Technical support Sales Note: This is a demo form. No actual data will be captured on form submission. The specs These are the requirements we want the form to meet: The user should be able to choose whether their question is technical or sales related. If it’s a technical question the user will need to select their operating system (OS) from a drop down list After selecting their O
Read more

How to Add a Custom Dashboard Logo in WordPress

Image
https://www.wpbeginner.com/wp-themes/adding-a-custom-dashboard-logo-in-wordpress-for-branding/ Do you want to add a custom dashboard logo in WordPress? Often people replace WordPress logo with a custom dashboard logo for branding purposes. In this article, we will show you how to add a custom dashboard logo in WordPress for branding. Method 1: Adding a Custom Dashboard Logo in WordPress Using a Plugin This method is easier and recommended for most beginners. First thing you need to do is install and activate the  White Label CMS  plugin. For more details, see our step by step guide on  how to install a WordPress plugin . Upon activation, you need to visit  Settings » White Label CMS  page and click on the Branding tab to expand it. Next, you need to click on ‘Yes’ to hide the WordPress logo and then upload your own custom logo. The custom logo should be exactly 16 x 16 pixels in dimensions. Don’t forget to click on the save changes button to store your settings.
Read more

WEBSITE’S SPEED MATTERS & Image

Image
ImageOptim Pingdom .   WP-Smushit The speed of your website matters for two reasons: Your user’s experience SEO Your site’s speed matters for 2 reasons: your user’s experience and SEO.  CLICK TO TWEET When it comes to  user experience ,  Google’s research experiments  show that faster site speed leads to happier users, increased productivity, and more time users spend browsing. Moreover, research by  Kissmetrics  showed that 40% of people will abandon a site if it takes longer than three seconds to load. 47% of users expect a page to load in two seconds or less. Overall, the speed of your site has a greater impact on user satisfaction than extra “bells and whistles”. It doesn’t matter how great a site looks: if it loads too slowly, users will click away. Regarding  SEO ,  Google uses site speed  as one of the many factors that determines rank (how high your page appears in search results). To determine rankings, Google factors pagespeed on both deskt
Read more