Restore Thumbnails In Windows 10

Have you ever downloaded a stock photo or imported other images but the thumbnails are not showing up? You've tried refreshing the folder and clearing the thumbnail cache in Windows Explorer but nothing works. I've found this fixes the problem. Download Windows Powertoys and use the image resize Powertoy option. Right click on image on menu. You can set the custom same size option to the original dimensions if you don't want to resize. https://docs.microsoft.com/en-us/windows/powertoys/install

Continue ReadingRestore Thumbnails In Windows 10

Setting OceanWP Full Screen Blog Layout Margins

I discovered a problem when setting up a new site with OceanWP when setting pages to full screen layout via Customizer > Blog > Single Post. The sides, top and bottom had margin of 0 by default. The Customizer settings don't allow you to set margins. I had to insert this piece of css in Customizer > Custom CSS/JS. .single-post.content-full-screen .content-area { max-width: 90% !important; margin: 35px auto !important; } The margin: 35px sets the top and bottom margins.

Continue ReadingSetting OceanWP Full Screen Blog Layout Margins

Edit OceanWP Blog Grid Elementor Widget Buttons

Currently there is no setting to change the text and button size in the OceanWP Blog Grid Elementor Widget. However, you can make those changes by editing CSS in the Elementor widget's Advanced > Custom CSS tab. You can insert this css there. selector .overlay-btn {position:absolute; left: 50%;min-width:200px; padding:16px 12px; font-size: 18px; }

Continue ReadingEdit OceanWP Blog Grid Elementor Widget Buttons

Find Elementor Custom Fields In Elementor Kit Library Templates

Elementor's Kit Library templates are well designed and can be a great way to jump start a new site. However, not all their editable components are explained from what I can find. I will be using their Luxury Hotel kit for this example. The Single Room templates are found in the Elementor Theme Builder. Click The All Parts filter in the top left column. From here click on the Single Project template. This will control the look of the individual room template. You will notice the each room page have a different room size under the page title. There is a price field further down the page as well. Those are custom fields Elementor inserts into Wordpress. If you're wondering where those fields are for each room, you can access Wordpress's custom fields for each post by turning on the section in Preferences. After that you will see the custom fields in a panel at the bottom of the editor. Aliquam dignissim lacinia tristique nulla lobortis nunc ac eros scelerisque varius suspendisse sit amet urna vitae urna semper quis at ligula. Mark WolfWeb Designer Aliquam dignissim lacinia tristique nulla lobortis nunc ac eros scelerisque varius suspendisse sit amet urna vitae…

Continue ReadingFind Elementor Custom Fields In Elementor Kit Library Templates

How Center Or Style Ninja Forms Required Fields Message

There is no setting for aligning Ninja Forms' required fields message in Wordpress or Elementor. You can change the style or alignment with a bit of CSS. Or, if you want to hide it use the same code but use "display:none" instead of text-align. CHANGE THIS: TO THIS: In your theme's Customizer > Custom CSS add this. .nf-form-fields-required {text-align:center;} Or if you are using Elementor, you can put this in the Ninjaform widget's Advanced > Custom CSS section. selector .nf-form-fields-required {text-align:center;}

Continue ReadingHow Center Or Style Ninja Forms Required Fields Message

Using OceanWP With Elementor – Tips

Editing OceanWP Footer Widget Button Link Colors I created a custom footer template in OceanWP using Elementor. I ran into this problem when Elementor Pro was not able to over ride some of the link colors in OceanWP’s footer widgets. PS. You can disable your theme’s ability to override Elementor Pro’s colors by going to Elementor/Settings. Disable Default Colors, Disable Default Fonts. Adding to the problem was a button created in Elementor Pro that had a hover color. To lock in the colors add this to the Wordpress Customizer’s Custom CSS/JS. /* Footer Link Colors */ #footer-widgets a {color:#FA9100} #footer-widgets a.button {color:#282828} #footer-widgets a.button:hover {color:#282828} Elementor Text Editor Widget Not Changing Font Settings Have you ever run into problems with the Elementor Text Editor Widget not being able to change the font size, line spacing etc.? At first I investigated whether there was a conflict with the theme but that didn't appear to be the case. Even setting all fonts back to default and disabling Elementor fonts in Elementor settings didn't work. This tiny piece of css added to Wordpress/Customizer/Custom CSS did the trick. .elementor-text-editor p{ font-size: inherit; line-height: inherit; letter-spacing: inherit; } Force Elementor Pro Button Colors Using OceanWP…

Continue ReadingUsing OceanWP With Elementor – Tips