Hi,

Great, I’m glad that Mike could help you out. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Great, I’m glad that you managed to solve your problems. I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hey monmouth,

Could you try updating the theme to the latest version (5.1.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. If not, then please post admin WordPress login details in private.

Best regards,
Rikard

Hey Suze,

Please try the following in Quick CSS under Enfold->General Styling:

@media only screen and (max-width: 767px) {
.responsive #top .cart_dropdown {
    z-index: 999;
    right: 5px;
}
}

Best regards,
Rikard

Hey Christian,

I can see that you are running a very old version of the theme on the .net site. Could you try to update to the latest version (5.1.1) to see if that helps please? The update to 5.0 has to be done manually from the version you are running, please refer to my replies in this thread: https://kriesi.at/support/topic/enfold-4-5-theme-update-update-failed-download-failed-a-valid-url-was-not-pro/#post-1021541
You can either update manually via FTP: https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update, or use a plugin to upload the theme zip file: https://wordpress.org/plugins/update-theme-and-plugins-from-zip-file/
If that doesn’t work then please try to delete the whole theme folder, then replace it with the new version. Make sure that you have backups of the site before starting updating.
Also please read this after you have updated: https://kriesi.at/documentation/enfold/theme-registration/

About the 403 error on the .com site; are you running Enfold on that site as well? It looks like the error message is not coming from Enfold, and we have no functionality in the theme for setting error screens like that either.

Best regards,
Rikard

Hi,

Ok, I see how that could be confusing. The inline CSS of 72 pixels would take priority in that case.

I’ll close this thread for now then, please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

Thanks for the update. Please try this CSS as well:

.av-burger-overlay-scroll #av-burger-menu-ul a {
    color: #fff;
}

I tried logging into your site, but the details are not working again.

If you want to set the colour for the strong tag, then you can do so under Enfold->Advanced Styling.

Best regards,
Rikard

Hi,

Thank you for the info.

In the child there is also the “shortcode” folder of https://www.spiderflystudios.com/shop/software/custom-enfold-elements-spiderfly/, the header.php file has not been modified.

It is possible that the errors occurred because the custom shortcodes in that folder are not updated and are no longer compatible with the latest version of the theme. Is there an available update for the custom shortcodes that is compatible with Enfold 5.1.1?

Please enable the error logs so that we can check the generated errors. You may need to contact the shortcode developer/s and ask them to inspect the issue.

Best regards,
Ismael

Hi,

Thank you for the info.

We may need to edit one of the posts in order to check the issue further. Please provide the login details in the private field.

In the enfold/includes/helper-post-format.php filter, you will find the avia_audio_content_filter function which handles the content and preview for audio formatted posts. The function requires an audio shortcode which it extracts from the post content based on a shortcode pattern. The extracted value is assigned as a parameter for the current post and passed as an argument for the avia_default_title_filter function, which is responsible for displaying the audio player in the preview container. Without the audio shortcode, the theme will not be able to display an audio player in the preview container.

Best regards,
Ismael

Hey evas49,

Thank you for the inquiry.

That is actually the correct breadcrumb trail for the post if the page containing the masonry element is not assigned as the main blog page. If you want the breadcrumb to link back to the masonry page, try to set it as blog page in the Enfold > Theme Options panel.

We can use the avia_breadcrumbs_trail filter to adjust the breadcrumb but we recommend setting the masonry page as blog page instead.

Usage example of the avia_breadcrumbs_trail filter below.

add_filter( 'avia_breadcrumbs_trail', 'avia_breadcrumbs_trail_mod', 50, 2 );
function avia_breadcrumbs_trail_mod( $trail, $args ) {
	// remove duplicate events trail
	if ( is_singular('post') {
		unset ($trail[1]);
	}
	return $trail;
}

Best regards,
Ismael

Hi,

Thank you for the info.

The css code below should adjust the position of the dots on smaller screens.

@media only screen and (max-width: 768px) {
    .avia-image-container.av-67cea-136ddc8b145abc744c886b5819885f00, .avia-image-container.av-4hwii-ef140ae0612800d65a56956f82b14b3f, .avia-image-container.av-2ofye-558b2f838626b4d4afd94927f17a28e6{
        position: relative;
        top: -75px;
        left: -40px;
    }
}

We are using the unique class name of the image elements in the css rule above, but the class names can be replaced with custom ones if necessary. Please check this documentation.

// https://kriesi.at/documentation/enfold/add-custom-css/

Best regards,
Ismael`

Hey Katja,

Thank you for the inquiry.

We could apply a background to the event pages manually using this css code.

.single-tribe_events div#main {
    background: url(https://kschira.de/shanti/wp-content/uploads/shantidevi-hintergrundbild-1.jpg) !important;
}

And to apply the same transparent background to the header, please add this css.

.single-tribe_events .header_bg {
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
}

You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

Best regards,
Ismael

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike

Hey letsrocc15,
Thanks for your question, I only found one page with the title container and breadcrumbs /privacy-policy/
assuming that all of your other pages have the setting Title Bar Settings ▸ Default Setting then please check Enfold Theme Options ▸ Header ▸ Header Layout ▸ Header Title and Breadcrumbs to ensure it is enabled:

If this doesn’t help please include an admin login in the Private Content area so we can be of more assistance.

Best regards,
Mike

Hi,

You have set the body font to 19 pixels under Enfold->Advanced Styling, and that is what is currently applying. If you remove that, then the Typography settings should apply after that.

Best regards,
Rikard

Hi Tim,

Thanks for that. I see that the latest version of the theme is being used on your site, you can verify that under Enfold->Theme Update. I see that you have two Enfold installations on your site, you can simply delete the old version under Appearance->Themes. The child theme version number is something you set yourself, it’s not an indication of the parent theme version. If you want to change that, then you can edit style.css in the child theme.

Best regards,
Rikard

Hi,

Thanks for the apology, it’s appreciated. If I suggest a to use a different element or a different way of doing something, it’s not to be rude. I’m only trying to help you out to have a better interaction with the theme.

Please help me understand why the special headings element works and the text element I was using does not. I do understand that only putting the 72px value in and nothing else means everything is set to 72px I’m confused about this part though….Each of those elements has the same text size component, where you can leave it blank or insert your desired text size for each screen size. I did that on the text element I initially used but it didn’t work. I had only placed text sizes in the last two screen sizes previously, but in the special headings element, I went ahead and filled in the size for each screen. Could that be part of the problem? Must you fill in all the text sizes for it to work properly?

This is what I tried explaining with the first test page I linked to. If you add inline CSS to any html markup, then in most cases it will override any other CSS which is trying to set the same value. I’ll try a different example:

//This text will override theme settings, and will always show at 70px
<h1 style="font-size: 70px;">My heading</h1>

//This text should get its size from the theme settings
<h1>My heading</h1>

Special Heading element – will get its styling from the theme settings. You can set the responsive font sizes under Enfold->General Styling->Typography. You can also set styling under Enfold->Advanced Styling.

Text Block element with responsive font settings – If you use a Text Block element and you set font sizes for each screen size in the element options, then that should override the general theme settings. Please note that you need to set values for all screen sizes, otherwise the last value set will apply to smaller screens.

I hope that explains it a bit clearer.

Best regards,
Rikard

Hi,

Thanks for the update. Please try to remove the CSS I referred to above, then make the settings you would like to have under Enfold->General Styling->Typography. Look for the Default content font size option.

Best regards,
Rikard

Hi,

Thanks for that. Please try the following in Quick CSS under Enfold->General Styling:

.page-id-11020 #after_grid_row_1 .container {
    max-width: 100%;
    padding: 0;
}

.page-id-11020 #after_grid_row_1 .av-minimal-toggle .toggle_content {
    padding: 12px 0 11px 0;
}

If you need to add this to more than one element and page, then please add a class to the element options instead, and adjust the CSS accordingly. If you need help with new CSS, then let us know.

Best regards,
Rikard

Hi,

Thanks for letting us know, I’ll close this thread for now then. Please open a new thread if you should have any further questions or problems.

Best regards,
Rikard

Hi,

I tried your suggestion, and as I indicated before, it did not work. Adding the font size in css or inline makes to difference, the mobile settings are not responsive The font, remains at 72px on every screen.

But that is exactly what my example page showed you. If you add inline CSS, that will apply instead of any theme setting, since that CSS has a higher priority. If you don’t understand how CSS priority works, then please try to do a bit of research online.

This page will answer your question in the screenshot: https://wpexpert.se/enfold/text-block-font-sizes-example/

Not at all, I’m simply suggesting that when you design a website, it’s designed for the largest screen first, then the responsive settings adjust all the page elements to fit the appropriate size. That 72px value would still be there for the larger screens and naturally, adjust to smaller screens. That is how responsive websites are supposed to work.

You have explicitly told an element to be 72 pixels, with no further specification. How exactly should the theme then know when you want it to change, and on which screen sizes?

Best regards,
Rikard