Force Elementor Pro Button Colors

Using OceanWP and Elementor Pro I added a popup button in the footer widget area. Even after turning off theme control over Elementor colors in Elementor>Settings>Disable Default Colors, the text colours were not correct. Here is what I did to over ride any color settings other plugins may be inserting. This may be a bit sloppy but put this in the OceanWP Custom CSS/JS section. /* Footer Link Colours */ a.elementor-button-link.elementor-button.elementor-size-sm {color:#ffffff !important} a.elementor-button-link.elementor-button.elementor-size-sm:hover {color:#282828 !important} UPDATE Well, it looks like I found the problem. Uploading some of the OceanWP Pro templates inserts CSS into the Customizer. Found this when I scrolled up the Custom CSS/JS section so look in the CSS section if you're experiencing color wonkiness. /* Footer */ #footer-widgets .footer-box { text-align: center; } #footer-widgets .social-widget .style-light li a, #footer-widgets .social-widget .style-dark li a, #footer-widgets .social-widget .style-colored li a { background-color: #263036; color: #708e9f; border-color: #263036; width: 40px; height: 40px; line-height: 40px; } #footer-widgets .social-widget .style-light li a:hover, #footer-widgets .social-widget .style-dark li a:hover, #footer-widgets .social-widget .style-colored li a:hover { background-color: #0eb290; color: #fff !important; border-color: #0eb290 !important; }

Continue ReadingForce Elementor Pro Button Colors

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 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}

Continue ReadingEditing OceanWP Footer Widget Button Link Colors

How To Turn Off Related Posts in OceanWP

There are 2 settings to check. First, if you have Jetpack installed, be sure to turn it off here.Jetpack/Settings/Traffic/Related posts PS. Jetpack Sitemaps are also here.Jetpack/Settings/Traffic/Sitemaps Second, to turn off Related Posts at the bottom of blog posts in OceanWP, go to Wordpress Customizer/Blog/Single PostElements Positioning/Related Posts To turn off the time stamps on these posts add this in CSS/JStime.published {display:none}

Continue ReadingHow To Turn Off Related Posts in OceanWP

Google Not Recognizing 360 Photos After Editing in Affinity Photo

This applies to Affinity Photo edits when using multi exposure stacking, File/HDR Merge. It appears Affinity Photo sometimes resizes the 360 photo after it merges the photos and the export is not exactly 2:1 For example instead of 6912 x 3456, the exported photo may be 6910 x 3455 Testing by importing into Google Photos shows Google does not recognize it as a 360 even after editing the meta data. Only after resizing the exported photo to 6912 x 3456 does Google see it as a 360 photo. Oddly enough Facebook uploads and the Ricoh Theta 360 viewer and the Gopro viewer both can view the images as 360 even though the size is not exactly 2:1 Something to try if nothing else is working.

Continue ReadingGoogle Not Recognizing 360 Photos After Editing in Affinity Photo

Centering An OceanWP Footer Widget Examples

CENTERING OCEANWP FOOTER WIDGETS Icons may not align. Centering Social Icons #footer { text-align: center; } #footer .owp-social-share li { float: none; display: inline-block; } #footer-widgets .footer-box .widget-title { border: 0; padding: 0; } Centering Contact Info Widget #footer { text-align: center; } #footer .widget-oceanwp-contact-info li { float: none; display: inline-block; } #footer-widgets .footer-box .widget-title { border: 0; padding: 0; } Change border color of contact icons. #footer-widgets .contact-info-widget i {border-color:#000}

Continue ReadingCentering An OceanWP Footer Widget Examples