Mr Branding

Tuesday, May 19, 2020

AR/VR technology for online shopping is likely to become imperative for retailers due to the coronavirus pandemic

Coresight has conducted research that has been recently published by Retail Dive. According to the research, it has been observed that due to the coronavirus pandemic, there is an increasing trend in the role of Augmented and Virtual Reality technologies, especially in the retail industries of...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Arooj Ahmed via Digital Information World

Desenvolvimento de sistemas

Desenvolvimento de Softwares, Apps, E-commerces e Sistemas educacionais

by csreladm via CSSREEL | CSS Website Awards | World best websites | website design awards | CSS Gallery

How to Change the Font Size in WordPress

Final product image — What You'll Be Creating

Changing the font size in your WordPress site is something you can do quickly and easily for a small section of text, or something that can take a little more work if you want to do it for a larger section of text.

In this quick tutorial, I’ll show you how to change the font size in your WordPress site.

I’ll show you two quick methods:

changing the font size in an individual block
adding a CSS class to a block and then styling the class

I’ll also give you an introduction to changing the font size across your site, by editing your stylesheet.

If you want to learn how to add completely new fonts to WordPress, you can also learn how here.

WordPress

How to Add New Fonts to WordPress

Jessica Thornsby

How to Change the Font Size of a Text Block

Let’s start with the quickest method.

When you’re editing text in your WordPress posts, you can choose to make a block of text have a different font size from the other blocks on the page.

This can help to highlight a specific section of your page.

You should use this method with caution: too much will make your site look messy and unprofessional. And if you do it more than once, make sure you use the same font size for all the larger or smaller sections of text.

Start by finding the block of text whose font size you want to change.

On the right of the screen in the Block pane, open the Text Settings tab.

Here you can choose to make your text larger or smaller, or to specify an exact font size for it. I’ve boosted the font size to medium:

You could boost it even more and make it huge, but beware of making your site look messy.

Alternatively, select a specific font size and make sure you use that for all your larger or smaller font blocks across your site.

Finally, click Update to update your post or Publish to publish it. That will save your changes.

How to Use a CSS Class to Change Font Size

If you want to make sure that all your larger text blocks are the same size and don’t want to have to remember the size you used, you can use a CSS class to assign a consistent font size to all elements with that class.

Find your text block again and in the Block pane, open the Advanced tab.

In the Additional CSS class(es) field, type in a CSS class. I’m gong to use text-large:

Now click Update or Publish to save your post.

You now have two options for editing the size of blocks using that class:

Add styling in the Customizer
Add styling to your theme’s stylesheet

Styling the Class in the Customizer is the easiest way to do it, and won’t cause you any problems when you update your theme.

Go to Appearance > Customize in the WordPress admin and click Additional CSS.

In the Additional CSS pane, type in the following to make your text larger:

.text-large {
 font-size: 1.2em;
}

Using ems instead of a specific font size will make this text 1.2 times the size of a normal paragraph.

Click the Publish button to save your changes.

Now go to your post in your live site and you’ll see that your block with the text-large class is larger than the text around it:

If you want to boost the size more, just edit the CSS in the customizer. Now whenever you want to make a block larger, you just give it that class and the font size will be changed for you.

Changing Font Size in Your Theme’s Stylesheet

The two methods I’ve shown you don’t need you to edit the files in your theme or to have an in-depth understanding of CSS. And they give you a quick way to change the font size in WordPress.

But if you want to edit the size of existing elements in your site (such as all paragraphs or lists), or you want to add CSS in the stylesheet instead of in the customizer, you’ll need to edit your theme’s stylesheet.

You can find out more about editing your stylesheet in our guide to adding custom CSS to your WordPress site. If you want to go into more depth, it’s a great place to start.

WordPress

How to Add Custom CSS to Your WordPress Site

Anna Monus

Conclusion

Changing the font size of text in your WordPress site can take minutes to do. You can either edit the font size of a block directly, or give it a class and then write CSS for your class.

Whichever method you do, use it sparingly for maximum effect and make you you don’t end up with a site that looks messy and unprofessional.

Make Your Site Beautiful With a Professional WordPress Theme

Are you in the process of giving your WordPress website a makeover? Our collection of professionally-designed WordPress themes can give your website an entirely new look and feel, within minutes.

Here are a few of the best-selling and up-and-coming WordPress themes available on ThemeForest for 2020.

by Rachel McCollin via Envato Tuts+ Code

12 Best WordPress Weather Widgets & Plugins (With 5 Free)

Are you looking to display weather forecast on your WordPress website?

A visually pleasing and powerful WordPress weather widget on your WordPress website is indispensable.

WordPress weather widgets allow you and your customers to plan for the weather. These plugins include weather sidebar widgets, local weather widgets, and weather forecast widgets. This will let your potential customers know what local weather they can expect at your venue, whether it's a golf course, wedding destination, or a restaurant with patios.

The weather WordPress widgets and plugins available on CodeCanyon seamlessly integrate an upcoming weather forecast display on your website to keep everyone informed about the weather at your venue.

Even though we’re powerless against Mother Nature, you and your customers can plan around it.

SW Weather WordPress Plugin — One of the many weather WordPress plugins available on CodeCanyon.

The Best Weather Widgets for WordPress on CodeCanyon

Discover over 7,000 of the best WordPress plugins ever created on Envato Market's CodeCanyon. With a cheap one-time payment, you can purchase one of these high-quality WordPress plugins.

Here are a few of the best weather widgets for WordPress available on CodeCanyon for 2020.

Weather WordPress Plugins — Weather WordPress plugins available for sale at CodeCanyon

7 Best WordPress Weather Widgets and Plugins (From CodeCanyon for 2020)

Here are 7 top-rated WordPress weather widgets and plugins that are available for you to download on CodeCanyon.

1. Best-Selling: Simple Weather Plugin

Simple Weather Best Selling WordPress Plugin

Simple Weather plugin displays current weather via widgets and shortcodes that you can display anywhere on your WordPress website.

The WordPress weather widgets and shortcodes are easy to set-up and are packed with all the options you need like location, GPS coordinates customizable update intervals, day and night temperatures, background colors and more.

If you use WPBakery on your site, the publisher also has Weather for Visual Composer

2. Astero WordPress Weather Plugin

The Astero WordPress Weather Plugin includes much of what you'll ever want in a weather plugin for your WordPress website. This top-selling plugin comes with clean lines, multiple sizes and styles, and a solid feature set that make your weather widget look good even if the weather isn't.

Other great features of this plugin include: HTML5 geolocation with IP fallback, local cache, and support for 600+ Google fonts

3. Weather for Visual Composer

Weather for Visual Composer (WPBakery) is perfect for websites that need to add basic weather functionality in a stylish way. It displays the current weather as a simple text or an elegant box widget. It is easily customizable with a set of stylish icons that give it a modern look. It has an easily changeable Celsius / Fahrenheit setting and supports 17 languages.

For those used to working in WPBakery, getting everything set up using this WordPress weather forecast plugin is as easy as dragging the element into your layout and setting a location.

4. Always Sunny WordPress Weather Widget

One of the more in-depth WordPress weather plugins available, the Always Sunny plugin gives a wide range of data and implementation options.

You can place this plugin on your pages in two ways: as a weather sidebar widget or as an embeddable shortcode. This mix makes it just as easy to show weather data in your sidebar as it is easy to drop it within a page’s content.

Beyond the basic weather measurements of temperature and weather patterns, this plugin throws a few other data points into the mix. Cloud coverage, wind patterns, and humidity levels make it a great addition for golf course websites, vacation spots, and restaurants with outdoor dining.

5. WP Weather Widget and WPBakery Add-on

This WordPress weather plugin comes with a customizable element that can easily be dropped into your page template. It also includes a widget that can be used by any WordPress builder.

With all of the standard WPBakery element customization options and five layouts to choose from, you can quickly adjust your weather information to fit your page. Using the OpenWeatherMap API, this plugin lets you display the temperature, daily highs and lows, humidity, and more.

6. Elfsight Weather - WordPress Weather Plugin

Elfsight Weather is an easily adaptable WordPress weather plugin. Enter any point, using a ZIP code or GPS coordinates, and it will display current weather information for any location on the map. Your audience will be able to check the updated info on temperature, air pressure, humidity percentage, and active weather.

The plugin has a WordPress weather forecast feature to show the forecast for the week ahead or for the next 12 hours. With this plugin you have the ability to choose colors you prefer for your widget display.

7. aWeather Forecast

The aWeather Forecast plugin is a uniquely designed weather WordPress widget. It can display weather conditions with its cast of 18 animated icons, 4 animated headers, and full-color customization. This is one of the most charming weather widgets you'll find!

This widget can display: current weather icon and temperature, current weather conditions, wind speed and direction, pressure, humidity, and more

5 Free Weather Widgets for WordPress

Without a doubt, paid weather WordPress plugins will offer you the most comprehensive set of tools and features. Features, customer support, and overall user experience will be better with these premium plugins. However, you might not currently have the budget to spend on these premium weather plugins and still need to show the weather forecast to your website visitors.

That is why I have collected a list of five of the best free WordPress weather plugins available.

1. WP-Forecast

This WordPress weather plugin will let you display weather data from AccuWeather and WeatherBug. You can also customize the display features such as location and language.

2. Weather Atlas Widget

The Weather Atlas Widget features a responsive design, a detailed forecast, and weather icons. This plugin is easy to set up and use.

3. Weather Underground

This is a simple weather forecast plugin for WordPress. It fits perfectly with many different templates out of the box, including the default WordPress theme.

4. Location Weather

Location Weather is an easy-to-use and customisable weather plugin that allows you to add unlimited weather widgets and get up-to-date weather information to your web pages or sidebar.

5. Weather Station

This weather WordPress plugin collects meteorological data from public or personal weather stations and can display it in many elegant ways on your website. Like most other weather WordPress plugins, it can be installed with a shortcode.

How to Customize the aWeather Weather Forecast Plugin for WordPress

Now that we've gone over all the best premium and free weather WordPress plugins available, you might be wondering how you can add them to your website.

Let's take a look at how you can customize a premium weather plugin so it can fit seamlessly into your website.

1. Insert aWeather Into Your Website

First, we need to insert the aWeather plugin into the site once the plugin is installed. Choose Appearance > Widgets from the WordPress admin sidebar. From there, we will look for the aWeather Forecast tab under Available Widgets. We would like the widget to appear in the footer of our website, so click on the tab and choose Footer. The widget will now be added to our website and we can begin customizing it.

2. Type in Your OpenWeather Map API ID

Next, click on the aWeather widget under the Footer section of the widget editor. This will open up the customization options for the widget.

In order for the widget to display the current weather forecast for your desired location, we must add an API key in the OpenWeatherMap App ID text field. To do this, click on the Get App ID link next to the field title.

You will then need to create an account on the OpenWeather website in order to obtain the API keys. Click the Sign-Up link on the webpage. Once you have signed up with a valid email, click on the API keys link on the second-level menu header. Copy and paste the API key called default back into the OpenWeatherMap App ID text field. Your widget will now be ready to display current forecasts from around the world.

3. Configure the Display

Finally, we can adjust the widget to display the weather forecast how we would like. Under the aWeather widget, type in "London, UK" as we would like to show the weather forecast for London. Next, click the drop-down menu titled Units format, and choose Fahrenheit. Lastly, click the save button at the bottom of the widget. You can now view the weather widget on the footer of all your pages.

Install a WordPress Weather Widget or Plugin Now!

If you've got a business that relies on the weather, then add a stylish-looking weather WordPress plugin from CodeCanyon.

The WordPress weather widgets and plugins available will allow you to seamlessly integrate a weather display into your website and give you the option to customize the display so it will fit with your website's theme.

Also, there are thousands of other high-quality WordPress plugins on CodeCanyon that can help enhance your business's website. Have a look through this large collection of plugins, and you'll find helpful plugins in all different types of categories from marketing to eCommerce to social media.

Find the perfect WordPress plugin to help your business succeed and motivate your customers. You can find even more plugin ideas and inspiration in our new free course on finding the best WordPress plugins for your site.

FREE

WordPress

Essential WordPress Plugins

Rachel McCollin

by Franc Lucas via Envato Tuts+ Code

Study Reveals Working from Home Affects Productivity by only 1 Percent

Over the last couple of months, almost all “non-essential” businesses have been encouraging employees to work remotely. But does remote work affect productivity? To find this out, Valoir (a renowned research firm) conducted an extensive survey in which the participants were those people who are...

[ This is a content summary only. Visit our website https://ift.tt/1b4YgHQ for full links, other content, and more! ]

by Ali Siddiqui via Digital Information World