Freelancealot

I solved this; it was a conflict with another plugin (WP CiviCRM Mailer).

Cheers, Tracy

Hello, Also, we do not have the Email Editor under the Appearance menu, so there is no way to edit any of the WP default emails.

Your instructions say to copy the templates folder to the theme and then the code snippet to put in the functions.php references a default.php which does not exist in the templates folder.

add_filter('mailtpl/customizer_template', function(){
    return get_stylesheet_directory() . '/admin/templates/default.php';
});

Please help, as this plugin is used on a live website.

Cheers, Tracy

Hello,

Our site has just upgraded to WP 6.3 and we are experiencing the same issue. Only the header and footer appears, no text and no links within the body of the email. But also the styles are not there. So we have included our logo image at the top with appears, but the background colour behind the logo is not displaying. Neither are any of the other design elements added in your plugin settings. Although it is displaying correctly under Customising / Email Templates.

Can you please let me know how you helped the previous person and the issue states it was Resolved but no fix has been posted here.

Cheers, Tracy

Hi, I’ve been out of the office and not able to respond. The issue is not resolved. The custom post plugin is Custom Post Type UI by WebDevStudios. I’m using the Understrap child theme.

Cheers, Tracy

Great, thank you. I put that in the Understrap child theme css and it’s worked a charm. It does, of course, affect every button in Safari, but I can deal with that through targeted CSS.

Cheers,
Tracy

Hi,

Okay. Will contact the Understrap forum and see what they can suggest.

Cheers,
Tracy

Okay. So that was the issue. I deleted

[type=button],[type=reset],[type=submit],button{-webkit-appearance:button} completely from the Understrap child theme css, and now the nav-pill background colours are showing correctly on Safari.

I’m just not sure if deleting this will cause issues elsewhere so I will do further research.

I don’t think I’ve come across this issue anywhere else using Understrap so could there be something in the plugin CSS that is working with/conflicting with this?

Cheers,
Tracy

Hi,

I’ve checked on two Macs now both with Safari 15.6.1, and both still show the pill-nav tabs as grey background, but the text colour is changing.

So it’s something specific to the background and Safari. Having inspected the element my suspicion is that it has something to do with the -webkit-appearance: button; which is on the part of the nav-pills in the Understrap child theme CSS.

[type=button], [type=reset], [type=submit], button {
-webkit-appearance: button;
}

Or something related to this issue posted here: https://github.com/mui/material-ui/issues/26251 or https://stackoverflow.com/questions/29530655/background-color-css-not-working-in-safari-but-working-fine-in-chrome-firefox

I have opened up the site again just in case you want to take a look. I will continue to do some research and post on a CSS forum if I don’t find a solution.

Cheers,
Tracy

Hi

It is still showing as grey on Safari even though I have been emptying cache and history after every change. Don’t know what’s wrong. That is so frustrating, so glad you checked.I am sorry to have wasted your time. I just checked on Firefox on another machine and it is fine.

Thank you for your patience, Kubiq, I will check out the issue with Safari.

Cheers,
Tracy

Hi,
Thanks. It’s driving me nuts, but I can’t see what’s wrong.

The site is under development at the moment, please would you delete the url after you have taken a look? https://www.ctcwessex.club/about-ctc-wessex/past-officials/

The hard-coded one is here: https://www.ctcwessex.club/sample-page/

Cheers,
Tracy

Thank you for the background tip but I’m afraid nothing solves the problem with the tabs in the plugin. I have tried background: none red; Nothing works. I have removed all instances of nav-pill backgrounds in the CSS in the Understrap theme and in the Understrap child theme.

I have hard-coded bootstrap tabs in a Custom HTML block in the same site, and the CSS selectors for the background colour I have put in the WP Customise Additional CSS work. See screenshot. https://www.freelancealot.co.uk/tests/Screenshot%202022-12-01%20at%2017.42.05.png

Yours remain grey. So I am at a loss.

Thanks, it is a good plugin but perhaps not compatible with Understrap.

Cheers,
Tracy

Hi,

I will figure it out, but I’ve been using CSS for 22 years. So thanks.

Cheers,
Tracy

Here is a screenshot, showing your nav-pills in grey and the console showing the CSS with correct selector:

https://www.freelancealot.co.uk/tests/Screenshot%202022-12-01%20at%2015.53.09.png

As you can see, the margin-bottom is working, the background-color is not. I can’t get a more specific selector than that. It is also in the WordPress customiser so it is on the page header itself.

Cheers,
Tracy

Hi,

Actually, I have used !important on the background-colour selector. I have changed the colour of the text on the nav-pill selector, but it is not changing the background-color. I have successfully added margin-bottom. Nothing I do will change the background colour on your plugin’s tabs.

.nav-pills .nav-link {
color: #000; [THIS WORKS]
}

.nav-pills .nav-link.active {
	color: #2d8dc1; [THIS WORKS]
}

body.page-id-119 ul.nav-pills li.nav-item {
	background-color: #2d8dc1 !important; [DOES NOT WORK]
	margin-bottom: 1rem; [THIS WORKS]
}

ul.nav-pills li.nav-item {
	background-color: #2d8dc1 !important; [THIS DOES NOT WORK]
	margin-bottom: 1rem; [THIS WORKS]
}

It remains grey whatever I do. So where in your plugin code is it making it grey? Should your plugin not be defaulting to the primary colour of the bootstrap theme being used?

According to everything I read about Bootstrap, this selector should work to change the background-color on nav-pills

.nav-pills .nav-link.active {
  background-color: red;
}

So is there some CSS in your plugin files that is affecting this selector?

Cheers,
Tracy

Hi,

I found something on stackexchange that may help but not sure how to fit it in with above code.

Someone wanting to use the id of a post to create an upload folder for the related attachments. It seems very close to what we have above.

function media_upload_dir($upload) {
        if(!isset($_REQUEST['post_id']))
        return $upload;
$id = $_REQUEST['post_id'];
        if (isset($_REQUEST['post_id'])) {
            $upload['path']    = "/path/www/blog/wp-content/uploads/" . $id;
            $upload['url']     = "https://site.com/blog/wp-content/uploads/" . $id;
            $upload['basedir'] = "/path/www/blog/wp-content/uploads/" . $id;
            $upload['baseurl'] = "https://site.com/blog/wp-content/uploads/" . $id;
            if (!file_exists("/path/www/blog/wp-content/uploads/" . $id)) {
                mkdir("/path/www/blog/wp-content/uploads/" . $id, 0777);
            }
        }
        return $upload;
    }
    add_filter('upload_dir', 'media_upload_dir');

As an alternative if there is no way to get the related post-id of an attachment before it is uploaded, is it possible to run some code that goes through a folder of attachments, adds the related post-id to the front of the file name and zips the folder for download?