[Zed]

If the desired changes are applied and visible on the site, then the CSS works, so it’s correct.

---

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]

Hi,

The particular colors chosen generally needs to work in the particular combinations they are used in with Roseta. The theme has distinct control options for the menu and submenu items texts (in their normal state) and also for the entire header and submenu backgrounds.
For menu items in hover state the configurable first accent color is used – the two accent colors are used throughout the site so they would need to be compatible with all other colors used, especially the backgrounds of the various sections.
For further tweaks, custom CSS can be applied to specific elements and locations – however I would need to be able to browser your site to identify the needed CSS for the task.

---

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]

Hi,

There is no perfect CSS method of targeting browsers depending on the medium they run on (mobile/table/desktop). Generally, CSS is able to target devices depending on screen size: https://stackoverflow.com/questions/6370690/media-queries-how-to-target-desktop-tablet-and-mobile
Browser detection is usually done with JS or through code, and even then it isn’t perfect since browser useragent strings can be manipulated.

For a mobile device in landscape mode you’d want to target a screen size between the largest portrait mode you want the menu to remain visible on and the smallest desktop you’d also want a menu visible one. This approach is bound to overlap some less common situations (like tables in portrait mode or ultra portable laptops).

---

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.

[ffeindadifyr]

Hi

It’s the website I refer to above: http://www.onlinemathematicstutor.com

All other pages on site working fine- just the banner and menu on that first index page

Website: www.onlinemathematicstutor.com

[Zed]

Hi,

Third party service usually have their own algorithms for deciding what image from each section to use (when there are multiple images preset).
To control exactly what’s being picked up by external services I recommend using a plugin that provides control for such properties – personally I suggest using Yoast, but there should be many SEO plugins capable of this.

---

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]

Hi,

The header title’s font size is relative to the configurable general font size. If, however, you want to customize those elements separately you’ll need to apply some custom CSS:

body #header-page-title .entry-title {
    font-size: 5em; /* failsafe for IE */
    font-size: clamp(2.5em, 5vw, 5em );
}
body #header-page-title .byline {
    font-size: 1em;
}

These are the default values – adjust them as necessary.

And to remove the italic from the footer text use:

body #site-copyright {
    font-style: normal;
}

---

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]

Hi,

[current year] [website name] were most likely shortcodes that generated their displayed content dynamically on the frontend.
Mantra supports shortcodes in the footer text field as well, but does not provide such shortcodes (mostly because shortcodes are not accepted in WordPress.org repository themes).
If those shortcodes were provided by a plugin which is still present on the site then they should still work. Otherwise you’ll need to look for a plugin that provides such shortcodes, or write the shortcodes yourself.

---

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]

Hi,

The theme applies some configuration-based styling to the editors, however it is currently mostly colors related.
We tried expanding this functionality for the block editor, but very major WordPress update keeps introducing structural markup changes to the elements in the editor, making the theme’s styling fail and require rewriting after every change.
For now we’ve postponed working on this functionality (in the hope that some day the block editor will reach a stable state) and left only minimal styling apply to blocks.

---

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]

Hi,

I notice your site is working correctly now.
Usually, issues with the submenus not showing or the mobile menu not toggling into view are caused by other JavaScript errors present on the site (as these functionalities are JS-based in the theme).

---

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.

[thecreativehook]

Hi there. i did not want them to show incorrectly, so i have replaced all the reusable blocks galleries i had previously saved with standard galleries. I have lost the framing around ALL images in ALL galleries, keeping some single images framed how i wanted all of them, http://thecreativehook.com/ displays how i wanted all the gallery images to appear – framed single photos…

I have managed to find an example page i cannot fix: https://thecreativehook.com/creations/archive-work/wedding-buttonholes/

please advise

Website: thecreativehook.com/creations/archive-work/wedding-buttonholes

[Amirasu]

thx for reply but I tried that and it doesn’t work!
Can you tell me where it goes wrong, please? Screenshots are attached
https://i.imgur.com/7auRf4y.jpg
https://i.imgur.com/ASwWtk2.jpg
https://i.imgur.com/6BUE7T1.jpg
https://i.imgur.com/1vX0Hrp.jpg

[Zed]

Hi,

The site title/tagline and banner caption are two separately configurable regions (although the homepage banner caption copies the title/tagline text on theme activation for demonstrative purposes).
The banner caption is configurable from the theme’s dedicated landing page > slider options:
https://www.cryoutcreations.eu/docs/themes/options/landing-page/slider/#caption

---

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]

Hi,

The issue leads me to believe you are using a content builder to create the content for that particular static page. Some content builders do not check and are not aware of the theme’s additional functionality (like the various landing page sections) and apply their filters too broadly, affecting the content of these sections.
Unfortunately, the only solution for this is to use a static page that’s not built using a builder on the landing page or not include a static page at all.

We’ve only recently started to receive reports about such behaviour (even though we’ve seen builder used together with the landing page successfully in the past). Could you tell us which builder plugin you are using and what version?

---

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]

Hi,

Please include a link to your site or create a support ticket for speedier replies.

---

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]

Hi,

The page id only varies between (static) pages – if the themes use the correct WordPress built-in functionality, the the id-specific class names should be the same.
The second identifier (which targets the specific title element) will most likely differ between themes as that’s definitely layout and theme 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]

@Ian-ITS: the code block above is an example of how the (child) theme’s enqueueing should look.
If you’re only applying custom styling, WordPress’ Additional CSS field (or a CSS plugin) usually suffices. If you’re customizing (replacing) theme code, then a child theme is needed (some tweaks can also be implemented using a plugin instead).

---

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]

That depends on what you’re customizing using the child theme. If you’re only applying custom styling, WordPress’ Additional CSS field (or a CSS plugin) usually suffices. If you’re customizing (replacing) theme code, then a child theme is needed (some tweaks can also be implemented using a plugin instead).

---

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.

[uisdean]

Hi Zed,
The Code works on my “test site” without any trouble. So I just might add it to my actual site. The little boxes do make it easier to see the arrow.

Confession: I’ve looked at a number of sites and most of them use the “little tiny arrows” just as Cryout Creations does. Therefore, I DO APOLOGIZE. They are a ‘standard’ menu item. Everyone should know about them (including me). So, Please Accept My Apology.

BTW: I’m really happy with FLUIDA.

Rejoice Always!
Uisdean

Website: www.alwaysrejoicing.com

[thecreativehook]

It is seemingly only on Android devices, that the galleries are not properly shown in the responsive version of the theme, on iphone and pc screens they look fine…

Website: thecreativehook.com/bunting

[Ian-ITS]

Sorry, I’m not clear on this, does the code block above replace all of the wp_enqueue_style code in the child theme’s functions.php ?

As I don’t understand the PHP enqueuing stuff, would the same effect be achieved by moving all CSS from the Nirvana child them misc. settings into the WordPress Custom CSS?
Thanks.

[Ian-ITS]

Thanks very much Zed. As I don’t understand the PHP enqueuing stuff, would the same effect be achieved by moving all CSS from the Nirvana child them misc. settings into the WordPress Custom CSS?
Thanks.

[Zed]

Hi,

Tempera (and our other settings-based themes) have reached their feature and functionality maturity and we consider them complete. We are now updating them only when necessary to fix identified bugs or improve compatibility with new WordPress releases.

We are currently working on a Tempera update to address some necessary changes to improve compatibility and fix some issues with WordPress 5.6 and 5.7.

While security issues can never be dismissed, WordPress.org repository themes are limited in the functionality they can implement.
On the other hand, plugins are free to implement any functionality and don’t go through the same review process before getting published to the corresponding plugins repository.

---

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]

Hi,

Posts in the post lists are arrange in a grid layout using Masonry.
Depending on their specific heights (content lengths) and the relative heights between each other, after the grid layout is applied (dynamically using JavaScript), the order may slightly change from that the posts are normally displayed in.

If you don’t like this arrangement, you can turn off the Masonry functionality from the theme’s options:
https://www.cryoutcreations.eu/docs/themes/options/miscellaneous/?theme=kahuna#masonry

---

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.

[eludlow]

Just to echo what I said above, and have said to Zed privately, but huge thanks to him for the timely and efficient way he dealt with my problems after updating to 2.4. A perfect example of how customer service should be run!

Kudos!

[Zed]

Hi,

Any styling/layout issues you may be seeing after updating an older install to 2.4.0 are probably due to using a child theme that will require updating for some code changes.
There should be no issues observed if you’re not using a child theme.

Previously, Parabola was using an action hooked into the wp_head hook to enqueue all its styles.
Version 2.4.0 changes these enqueues to the proper wp_enqueue_scripts hook.

If your child theme still uses the previous hook, then the necessary styles (main, options-generated, mobile and child theme’s) will be loaded in the incorrect order, causing default styles to override configured and custom ones. You will need to update the code in the child theme to be similar to the example below:

// enqueue parent theme styling
function child_parent_styling(){
	wp_enqueue_style( 'parabola-style', get_template_directory_uri() . '/style.css', array(), _CRYOUT_THEME_VERSION );  // restore correct parent stylesheet
	wp_enqueue_style( 'parabola-child', get_stylesheet_directory_uri() . '/style.css', array( 'parabola-style' ), '20210312' ); // enqueue child 
}
add_action('wp_enqueue_scripts','child_parent_styling');

The style identifier parabola-style should be present exactly with this name as there are secondary styles enqueued conditionally after it.

If you are using our NoLink child theme, an updated version is available for download in the customer account.

---

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.

[eludlow]

I tried that, however my child theme is a self created one. I may just have to sit this update out!

[dandimaala]

This worked. Thanks! 🙂

@sneakerbot beginner here as well. I’ve found the easiest to follow is the first one suggested by Zed. Appearance — Customize. Then bottom left you’ll find Additional CSS. Copy-paste Zed’s code here.

Website: freedomlocker.ph

[GraineCosmos]

Hi,

i find the solution, I had to add these :

@font-face {
font-family: ‘Slime’;
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot);
src: url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.eot?#iefix) format(’embedded-opentype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff2) format(‘woff2’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.woff) format(‘woff’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.ttf) format(‘truetype’),
url(https://www.blog.grainedecosmos.fr/wp-content/themes/verbosa/fonts/slimebox.svg#slime_boxregular) format(‘svg’);
font-weight: normal;
font-style: normal;

}

on CSS additionnel

Thanks !

Website: www.blog.grainedecosmos.fr

[Zed]

@dandimaala: That same effect is applied to multiple elements. You can turn them all of with this CSS:

body .widget-title, body #comments-title, body #reply-title, 
body .related-posts body .related-main-title, body .main .page-title, 
body #nav-below em, body .lp-text .lp-text-title, 
body .lp-boxes-animated .lp-box-title {
    background-image: none;
}

@sneakerbot: You can apply CSS using WordPress’ Additional CSS panel on the customize screen.

CSS can also be applied using a child theme or a custom CSS insertion plugin.

---

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]

Hi,

The two CTA buttons are designed to inherit colors from other configuration options and don’t have their distinct options. If needed, you can customize the buttons with CSS:

body a.staticslider-button:first-child,
body .seriousslider-theme .seriousslider-caption-buttons a.seriousslider-button:first-child {
    color: white;
    border-color: white;
}

This only applies to the first button – adjust the color (and add additional styling) as necessary.

---

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.