Thanks for the assistance Mike. I went ahead and updated the Yoast plugin and tried enabling WP Debugging. No errors came up in the logs.

I’ll reach out to the hosting company regarding the /admin-ajax.php 500 (Internal Server Error).

Thanks again for the help and amazing fast response time!

• This reply was modified 5 months, 3 weeks ago by JoeSurf.

Hi Rikard, thanks for the response. I’ve been looking into what you shared.

A tech at my hosting provider had the following response, “I see no information on the server that would indicate a problem with your site or with the server. Further, I see nothing to suggest connectivity or processing issues with admin-ajax.php.”

When you asked for the “error log” was that the PHP error log? I’ve included the info from that log. It flagged a plugin called PixelMySite which I have since removed. (Did not solve the issue.) I’m not entirely sure what’s going on with the other issue it flagged related to canonical.php.

At this point, i’ve tested different versions of PHP (my site is currently set to 8.0). Cleared the cache sitewide. Deactivated and tested the plugins. (My version of Yoast is outdated but have tested it with the latest version and that didn’t solve the problem.)

Please let me know what my next steps are for troubleshooting this issue. I’m currently unable to edit in the WordPress CMS on any page at the moment.

I was able to figure this both issues. The first one was totally on me. I forgot to double check the Header settings in the theme customizations. It needed to be set to “Sticky Header” to work.

For the second issue, I had inherited the project and it appears in the custom CSS display:none was set for after the first section.

Please close this out. Thank you.

Hi Mike, I was able to get WordPress to support both SVG files uploaded and SVG inline code.

So with SVG supported is there a way for me to modify the $logo in Functions.php to allow me to insert inline svg in place of the default img element. The documentation on your site shares the ability to change the logo via ‘av_change_logo_img’ but it’d be really helpful to be able to change the entire logo form img to inline svg.

The documentation shares the following to “Add Multiple Logos”:

function add_logos($logo) {
  if(is_page(home)){
  
  $logo .= '<a class="first-logo" href="/"><img src="https://www.domain.com/logo-1.png"/></a>';
  }
  return $logo;
}
add_filter('avf_logo_final_output', 'add_logos');

It seems like this comes close to providing a solution, however this only adds the logo to the homepage where as I would like to replace the default logo on every page.

Thanks in advance for helping figure this out.

For anyone interested, here’s the code I added to Functions.php to enable SVG support on WordPress. This first function enables the ability to add inline svg tags within the TinyMCE WYSIWYG html editor

function override_mce_options($initArray) {
    $opts = '*[*],svg[*],path[*],use[*],symbol[*],defs[*]';
    $initArray['valid_elements'] = $opts;
    $initArray['extended_valid_elements'] = $opts;
    return $initArray;
} add_filter('tiny_mce_before_init', 'override_mce_options');

This function allows the ability to upload SVG files into Media Library.

function add_file_types_to_uploads($file_types){
$new_filetypes = array();
$new_filetypes['svg'] = 'image/svg';
$file_types = array_merge($file_types, $new_filetypes );
return $file_types;
}
add_filter('upload_mimes', 'add_file_types_to_uploads');

Thank you. That appears to have fixed the issue.

Hi Basilis,

There are no security measurements that I nor my hosting provider can find that would be impacting the site or those pages.

Hi Victoria,

I’ve checked the servers logs and so has the hosting company and there appears to be nothing coming up for these pages.

I will definitely try manually updating to 4.5.x. However, we’re having difficulty accessing the original account details within Themeforest. Is it possible for your support team to provide the latest zip update for the theme? I’ve provided the purchase code in the private content if that helps.

Thank you for the help.

I went ahead and did as you suggested and it’s actually made the issue worse. Whereas before it was a blank page with the categories showing in the sidebar. Now it’s a blank page with nothing showing anywhere, and it’s compressed the entire page so the footer and header are essentially touching one another.

Thanks Rikard!

It looks the preview is working now. I appreciate the help.

Sure thing Victoria. Thanks for helping!

It’s currently happening on all pages I draft or publish. At the moment this includes the published homepage and a daft services page. However, I’m less concerned about having the Preview work for published page as I am being able to use it with Drafts.

Thanks again for the help.

Thanks Basilis for the reply. That’s fair enough. Appreciate you’re looking into this. I was just curious if there was a quick shortcut to implementing it in Enfold.

For anyone interested, I ended up creating a similar effect using the following CSS:

#banner::after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .7;
}

#banner {
position: relative;
}

Just be sure to add “banner” to the Color Sections ID. You can that other columned elements like text to fit within the overlay.

To see what you’ll end up with, and find some other really cool gradient overlay effects you can use on images, here’s where the original code came from: https://bryanlrobinson.com/blog/2018/04/30/how-to-css-after-elements-for-background-overlays/

Thanks Rikard. That would be awesome if you could pass along some custom code to modify an image Lightbox. I’ve linked to the site in private I’m working on, and specifically the page with the images that I’m hoping to generate this modified Lightbox/Pop-Up for.

Thanks for all the help!

Thank Rikard for the help. I’ve provided the link to the page. The area in question is at the very bottom where I want to make the heading text white in both columns. I would then like to make the subheading on Column 1 blue and the subheading on Column 2 yellow.

Based off the settings within the theme it seems like these color changes should be able to be made without the need for custom CSS. Am I missing something or is it a glitch with how the Special Headings element works?