Anthony Skelton

Thanks @comradefuzz, I tested the Master Branch locally on both my test site and my client site that initially reported the problem and everything looks good.

Are you using any caching plugins on your site? If so you may need to clear/empty the cache through the Dashboard.

Also you can try to do a hard refresh in your browser.

Windows: Ctrl + F5
Mac/Apple: Shift + Apple + R or Shift + Command + R

You can use the CSS property filter.

.image-to-blur {
  filter: blur(20px);
}

Filter also had other tools that you can pair with blur, such as brightness, contrast, grayscale, saturate, etc.

Here is the MDN article https://developer.mozilla.org/en-US/docs/Web/CSS/filter

However filter is not supported by all browsers, so check out https://caniuse.com/#feat=css-filters and make sure this would work for you and your visitors.

As another note, if this is the only place you are using your image why don’t you just upload the image already blurred?

First off the css for video that you have above is styling the class video, and you have an id of video in your html. In css you target an id with #, not a period. However it’s a better practice to style classes and not id’s.

The video shortcode that you’re using creates a div with the class of .wp-video. You could just add margin: 0 auto to that class and that will center your video.

.wp-video {
    margin: 0 auto;
}

Also another note, align is not a valid CSS property.

You don’t see the old logo in the media library as it was built into the theme that you are using. The PHP template are referencing the theme directory directly instead of making a database query to look for the image in your media library. If you have access to your server you can rename or remove the old logo and upload the new logo to the same images directory and give it the same name as the old one, logo.png.

A couple of caveats: Your new image is much larger than the old logo. If you want it to display at a similar size you should resize the image before uploading it. Secondly the motto below your current logo, “YOUR LONG TIME RELIABLE PARTNER” is a seperate image. If that is no longer part of your logo you’re going to need to edit the template to remove the second image.

WordPress is returning the image at the correct size, but your theme is setting a specific width to the image with this line

.portfolio-element ul.portfolio li a img{width: 289px;}

and this causes any image that is less than this width to be stretched out.

To fix this you can add the following CSS

.portfolio-element ul.portfolio li a img {
    width: auto;
}

This will fix the image from stretching, however it will be left aligned and will make your grid look a little off. One option is to center the image, so it will be a portrait aspect image with extra white space on each side. To do this add the following

.inner-content ul.portfolio li {
    text-align: center;
}

Another option would be to crop all of your image thumbnails to fit the 289×217 image size that is set by your theme. You would lose some of the image on the portrait aspect images but you would fill the space and not have any stretching. If you do this than don’t add any of the above CSS.

Hope that helps ??

You’re correct that the image that is applied to the body is the culprit. Even when you specify a new background-color the image is still on top. Try using:

body.page-id-373 {
    background-color: #FFF !important;
    background-image: none;
}

This will remove the image and show the new color. If you want to keep the texture of the background image you’ll need to make a new version of that image with the different color and then specify the new background-image on any page id’s that you want to change.

What you’re trying to remove is called a breadcrumb that aids navigation.

Here is a link to the themes documentation on removing breadcrumbs from all or some of your pages.

https://presscustomizr.com/snippet/remove-breadcrumb-top-pages/

I just installed and started looking around this plugin and experienced a similar issue. However, setting the correct Timezone fixed this and showed the full spread of pickup times.

It must have been something wrong with my testing (which I swore I looked at multiple times before coming here >.< ). Thanks again for checking it on your end. I’ve rechecked here making sure I had all my modes right and it seems to be in working order.

Thanks for the plugin as well!

Thanks for looking into it. You can see the comment form at the bottom of this page.

https://www.saodnetwork.org/events/saod-network-holiday-party/