[Zed]

Any theme styling can be overridden with custom CSS without editing any files if this CSS is applied after the theme’s own styles (which happens by default with WordPress’ Additional CSS field) or irrespective of order if the custom CSS is more specific.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[perseux]

Hi There,
I’m experiencing the following with Nirvana or Parabola.
Under Chrome: the social media icons and anything placed (such as Twitter feed) on the “text widget” is invisible.

Thanks

[kevinpiazza]

More info – I don’t know if it’s helpful.

On the admin side:
– the customizer is not working. When I make certain adjustments, like toggle GENERAL > SOCIAL ICONS, the preview disappears.
– also the search in the main menu doesn’t work anymore

among other stuff I’m sure. Other useful info:

– Hosted at GoDaddy
– I’ve deleted and reinstalled my child theme (doesn’t seem to make a difference)
– I’ve turned off all my plugins, no change

What is going on? I don’t get it. Thanks for your help. kevin

Website: SpiritAligned.org

[Parre]

Hey again,

I tried to create another topic but it said it was under moderation, I assume for the imgur link I posted.

I’m hoping you will see this reply, I am having this same problem again. I can temporarily fix it by clearing my website’s cache, but friends/family see the same issue after refreshing the post/page or navigating the website to different posts/pages.

I think it looks fine for 1st time visitors to the website, but if they browse or refresh then it gets all jumbled like in the screenshot that is posted above, same exact issue has popped up recently.

Any thoughts? Hopefully you see this, I’d love to get a fix! Thank you for your time.

[robertbentley]

I think it is possible to show.

[Zed]

This behaviour is most likely related to the optimization/minification functionality that’s currently used on the site.
The theme requires its styling to be applied in a particular order for everything to appear correctly. When this order is broken (some plugins do this when merging styles into one) then odd behaviour like the one you’re seeing can occur.

I suggest trying to exclude the theme’s style from this minifying/optimization (if the plugin supports that) or disabling CSS minification altogether (this may not be an optimal solution, depending on how many separate style resources your site is using).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

It’s definitely related to the lazy loading because the images are not there when the slides cycle (the images are initially hidden for the animation effect) and then pop into existence once the effect is complete, the hiding styling is removed and the browser hurries to load them.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Of course you can override styling, but you need to ensure your custom styling is more specific than existing one.

As a solution that works (almost) every time, copy the exact identifier that currently applies last (from the browser’s developer console) and prepend body to that identifier to make it slightly more specific.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

You did not provide a site link for me to check, so I can only guess that the text is located in the theme’s custom footer text field, configurable through the settings.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Your replies were saved, but because of containing code they got flagged for manual review.

The value of the action parameter action="https://belaviva.com/" indicates that the form will always submit to the homepage. This is the same on both embedding locations, and the search form works as intended in both cases (confirmed by the presence of the search form parameters in the URL).

On standard pages the plugin is able to override the output and display its own content (the search results), however on the homepage it cannot do this as the theme’s own landing page feature takes precedence.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[encoreservices]

Thanks for the feedback, @Zed
1. the shortcode works as expected on other pages e.g. https://belaviva.com/luxury-property/buy-luxury-property/
2. the form code generated by the shortcode is as follows
<form method="get" action="https://belaviva.com/"><input type="hidden" name="action" value="epl_search" /><input type="hidden" class="in-field field-width post_type" name="post_type" id="post_type" value="all" /><input type="hidden" class="in-field field-width property_status" name="property_status" id="property_status" value="" />
So with the action set to the “homepage”, I’m guessing it’s doing something with the hidden parameters
Thanks for any further input.

[encoreservices]

Hi Zed
Thanks for the pointer.
1. the shortcode works as expected on other pages e.g. https://belaviva.com/luxury-property/buy-luxury-property/
2. the generated form code is as follows

<form method="get" action="https://belaviva.com/">
<input type="hidden" name="action" value="epl_search" />
<input type="hidden" class="in-field field-width post_type" name="post_type" id="post_type" value="all" />
<input type="hidden" class="in-field field-width property_status" name="property_status" id="property_status" value="" />

So it looks like it’s doing something with the hidden fields, I guess
Any further pointers?
TIA

Website: belaviva.com

[Zed]

WordPress 5.5 made some deep changes about its bundled JavaScript libraries and objects causing many plugins break – some of them released updates to account for the changes and WordPress added backwards compatibility for some of the changes as well in the 5.5.1 update.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Do you mean you want to apply (different) background images to the content of different pages?
There are plugins that can do this for the site background image, however the content container is specific to each theme and plugins can’t really assume or guess which one it is.
It is still possible to do this with custom CSS, however you need a different CSS block for each page you want to apply a (different) background image to:

.page-id-PAGEID #content {
    background-image: url(URL-OF-THE-IMAGE-FILE);
    /* further background configuration */
}

Replace PAGEID with the numeric page ID (also works for posts) you want the styling to apply to. You can find this ID in the dashboard (in the editing URLs) or on the frontend as one of the classes applied to the body element.

You can further customize the positioning and appearance of the background image with other CSS properties:
https://www.w3schools.com/cssref/css3_pr_background.asp

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

All of the theme’s bundled fonts are included in the resources/fonts folder.
The social font uses multiple files for legacy purposes – browsers used to each support different file formats but nowadays they’ve reached a common standard and mostly rely on the woff (and woff2) formats.

If you plan to replace the socials font with your customized copy, I suggest loading your font under a different identifier and then to apply it on the socials instead of the theme’s font:

body .socials a::before, body [class^="socicon-"]::before, body [class*=" socicon-"]::before {
    font-family: 'yournewfontidentifier';
}

Using the same identifier can be problematic, depending on the order the fonts are enqueued.

Don’t reorder the glyphs in the font as that would break the theme’s socials detection styling.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The official Mantra 3.3.0 update released this week includes the fix for the missing comments issue.
Thank you all for suggesting corrections and for the patience.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[encoreservices]

Hi Zed – I tried replying to this thread last week but it’s not appearing – I even tried starting a new thread to highlight it. Now when I try it says duplicate content!

• This reply was modified 4 years ago by encoreservices. Reason: Additional info

[davidfb]

Perfect, Zed – Thanks. For my site, I found a .25 opacity was what I liked. A distinct roll-over effect that brightened the image but didn’t overshadow the feature image itself. It still unifies.

[Zed]

@StudioDangerboy: how are the videos embedded (which shortcode/widget/block)?

@tomppa28: JS optimization shouldn’t cause issues, it’s only the CSS that needs to be applied in the correct order (and optimizations sometimes mess with the order). But that really depends on what the plugin is actually doing under the hood.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The theme uses an icon font for its social icons. Did you modify this icon font or loaded your own icon font to add the extra icon for Telegram?
Without it, CSS is insufficient to perform such a change.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

If I remember correctly, we identified the issue via the support service as being caused by a JavaScript error on the frontend.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The theme does not implement custom layout functionality for posts – it only has this feature for pages (via page templates).

To achieve the same result for posts you’d need to create a custom handling template (starting from the default single.php file) based on the template hierarchy and customize it to use the desired layout class and force display the desired sidebars.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

Does the site have a general header image set? The search page appears to indicate that it doesn’t.

When a general header image is set, that image will be used on the blog section (this is a special section for which WordPress ignores any page attributes set on the placeholder page) and on the ‘portfolio’ section (which appears to be a standard posts archive, not a static page using Jetpack’s portfolio shortcodes).
The featured image in the header functionality is only available for individual posts and individual static pages that display their actual content (and are not placeholders).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The slider transitions cannot be entirely disabled, but you can set the animation type to fade, animation time to zero to make transitions instantaneous and also set the pause time to a large number of seconds (multiplied by 1000 as the value is entered in milliseconds).
Setting the pause time to zero makes the slider cycle continuously, which uses up CPU time.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

We did consider such an option when we created the landing page’s functionality, but decided not to include it because we didn’t have many possible configuration values for it.
WordPress doesn’t have a popularity attribute – what criteria would be this based on? most views? (WordPress itself doesn’t log views), most comments? (comments are a separate post type).
We did, however, include a anima_boxes_query_args filter that can be used to directly customize the WP Query as needed. Below are the existing parameters that are passed along to the query:

	$args = apply_filters( 'anima_boxes_query_args', array(
		'showposts' => $options['anima_lpboxcount' . $sid],
		'cat' => cryout_localize_cat( $cat ),
		'ignore_sticky_posts' => 1,
		'lang' => cryout_localize_code()
	), $options['anima_lpboxcat' . $sid], $sid );

        $custom_query->query( $args );

$sid is the section’s number (1, 2 or 3 for boxes).

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The theme’s meta layout options are only applied to the standard pages (in the free edition) and extended to posts and jetpack portfolio posts in the Plus edition.
To activate the dashboard controls further, you’ll need to duplicate the respective meta functionality defined in includes/meta.php to apply to your custom post type slug. The frontend should get handled automatically as the existing code doesn’t check for post type.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[Zed]

The opacity of the featured images gradient overlay is not directly configurable. To customize it you can use the following custom CSS:

body .post-thumbnail-container:hover .featured-image-overlay::after {
    opacity: 0.5;
}

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[abigal2]

Thank you for this clarification, @Zed.

@Parre –I have downloaded the zip file update, and verified that it incorporates the same change to the theme-comments.php file that I made — so following the instructions that @Zed gave for upgrading the theme should work for you.

[Zed]

I am sorry for the slow reply, but we’ve been kept somewhat occupied for the past week with some personal matters.

We are aware of the issue since @abigal2 pointed it out and have already implemented the necessary correction in our development code to support WordPress’ 5.5 change making comments to always have a type.

Unfortunately, due to guideline changes and requirements imposed on repository themes since the last Mantra release, submitting the next update requires from us to perform extra changes in the theme and these will need some additional time to implement.

Until then, if you’re not comfortable with the manual edits described above I’ve added a theme zip that includes the necessary correction to our own archive.
You can use this plugin to update an already installed theme via manual zip uploads.
Alternatively WordPress 5.5 theoretically implements this feature as well, however it hasn’t worked in my tests (if it does work for you, then that’s great). Later edit: apparently this was an issue for sites hosted on Windows only and is fixed in 5.5.1.

• This reply was modified 4 years ago by Zed.

---

If you like our creations, help us share by rating them on WordPress.org.
Please check the available documentation and search the forums before starting a topic.

[abigal2]

Do you have FTP access? You can edit directly through the theme editor in WordPress– I prefer using SFTP for edits simply because it makes it easier for me to make a backup copy of the original file.

I think that a functions.php modification would be preferable, but I personally wasn’t sure how to write one. Given that the Mantra theme hasn’t been updated since May 2019, there’s probably no downside to editing the theme file itself. (I’m sure that if and when a theme update is pushed out, it will address this issue).