Forum Replies Created
-
AuthorPosts
-
sujapati
Keymaster@HnasH: Seems like the content you are trying to add is complex layouts with JS through custom HTML blocks. Gutenberg doesn’t support interactive JavaScript-based content. Instead please try adding text contents like paragraph, heading, media and shortcodes and check it again. It should work well.
Regards,
Sujapatisujapati
Keymaster@HansH: We are a little confused with your screenshot.
https://drive.google.com/file/d/1fh4g2adRi0ZJDOGhL3F8ardImeIKTznM/view?usp=sharing
It shows you are using the Catch Store Pro theme but you have opened ticket for Elevate Biz. Please check it once.Regards,
Sujapatisujapati
Keymaster@HanH: We have reviewed your site and found that all the content is visible, as expected. Has the issue been fixed?
We also noticed that extra empty spaces have been added, possibly to increase the content size. However, this isn’t necessary now that you’ve implemented the CSS we provided. The only issue we found is that the new CSS is being overridden by the default theme’s CSS.
To resolve this, please add the updated CSS below
footer.wp-block-template-part { margin-top: auto!important; }
Kind Regards,
Sujapatisujapati
Keymaster@HansH: We completely understand your goal of keeping the pages minimal with just the dashboard and minimal explanation. It’s great that you’re looking for a solution that aligns with your vision.
I hope you have a wonderful day too!
Regards,
HansHsujapati
Keymaster@HansH: The behaviour you’re describing happens because the footer is placed directly after the content in the body. When the content on the page is too short, the footer appears higher up on the screen.
You can try adding the following CSS to your site
html, body { height: 100%; } .wp-site-blocks { display: flex; flex-direction: column; min-height: 100%; } footer.wp-block-template-part { margin-top: auto; margin-bottom: 0; }
Note: While we recommend using slightly more content in the body for better layout consistency rather than adding CSS, it’s perfectly normal for the footer to appear higher up the page when there’s less content.
Regards,
Sujapatisujapati
Keymaster@Tansenn: Since you are using elementor, our theme includes Font Awesome version 6.7.2, which may not be fully supported by Elementor at this time. As a result, some icons might not display correctly when using Elementor widgets.
To resolve this issue, you can add the following CSS to your site:Go to Dashboard > Appearance > Customizer > Additional CSS.
Paste the provided CSS code into the Additional CSS field.
.fa-x-twitter:before { content: "\f099"; } #feature-slider .cycle-prev::before, #feature-slider .cycle-next::before, #logo-section .cycle-prev::before, #logo-section .cycle-next::before, #to_top_scrollup, #scrollup, .posted-on a::before, .byline a::before, .cat-links span+a::before, .tags-links span+a::before, .comments-link a::before, .edit-link a::before, .fa-solid:before, .fa-brands:before { font-family: "FontAwesome" !important; }
This should help ensure the icons display properly.
Regards,
Sujapatisujapati
Keymaster@Joep: We’re sorry, but this feature is not available in the free version of the theme. The ability to edit the copyright text is included in the Pro version. I recommend upgrading to Fotografie Pro to access the footer editor and other advanced features.
Kind Regards,
SujapatiOctober 7, 2025 at 5:07 am in reply to: How to embed a custom calculator tool without breaking theme updates? #341373sujapati
Keymaster@robertlewis: Thanks so much for the kind words. The issue you’re describing is quite common; conflicts often arise due to updates in the theme or WordPress core. Below, I’ve answered your questions in the same order.
1. Packaging calculator as a small plugin : Yes, packaging calculator as small plugin is definitely a more optimal apporach than inserting directly into the theme. By doing this, the custom tool will be completely independent of the theme and will be more flexible and portable
2. Hooks or enqueue methods for custom scripts/styles: We follow wordpress best practices for enqueuing scripts and styles. For adding custom scripts and styles safely, we use add_action( ‘wp_enqueue_scripts’, ‘my_theme_scripts’ ); function.
3. Isolating custom templates or blocks: You can create a child theme where you can override the parent themes templates, and the changes you make will be preserved across theme updates.
4. Using shortcode or a custom block for embedding the UI: Both options are viable. While shortcodes are easy and faster, using custom blocks is safer long-term as they are part of the modern WordPress ecosystem and blocks are more reusable and flexible.
Regards,
Sujapatisujapati
Keymaster@HansH: Thanks for the query. Please add the CSS below to add the space between logo and the navigation and also the CSS will allow the picture extend to full width of the container.
.wp-block-group.header-banner-wrap > .wp-block-group { width: 100%; justify-content: space-between; } .wp-block-image, .wp-block-image img { width: 100%; }
For the space between header and the picture, currently you have set block spacer height 20px. You can increase that to adjust the gap.
Regards,
Sujapatisujapati
Keymaster@Mandy: Glad to know that. Please feel free to reach out at any time.
Regards,
Sujapatisujapati
KeymasterHi Mandy,
Thank you for sharing your URL. We’ve now identified the exact reason that’s preventing the content inside the footer from displaying at full width.
Please add the CSS below, and everything should work as expected..site-footer #supplementary.two .widget-area { width: 100%; }
Regards,
Sujapatisujapati
KeymasterHello nnicorescu:
The space on left and right side of the browser is the default margin provided by the theme for readability. All of our free and pro themes are fully responsive and compatible with all screen sizes. However, we have noticed a slight horizontal scroll on devices below 420px. To address this, please add the CSS below:
.wrapper { max-width: 100%; }
We recommend updating the theme ot its latest version for optimal performance and compatibility.
Please feel free if you have any other theme-related issues.
Regards,
Sunilsujapati
KeymasterHello Mandy,
Thank you for reaching out. To better assist you, could you please share with us your url with an image block on footer so that we can inspect in detail and provide you the optimal solution for your query?
Regards,
Sunilsujapati
Keymasterkstevents: Thanks for the query. Are you using the latest version of Clean Education Pro theme. If your server has PHP 8 or higher then you need Clean Education Pro theme version 3.4.2 or higher. Please check your server and the version you are trying to install. You can check changelog of theme at https://catchthemes.com/themes/clean-education-pro/#changelog
Also, it might be conflict with another plugin or a server configuration. If your website is showing error related to the theme it’s possible that reinstalling the theme may resolve the issue. Please follow the instruction in the link below:
https://catchthemes.com/faq/how-to-install-themefor-pro-theme/
Regards,
Sunilsujapati
Keymaster@abegreen:
The commas between tags are default-generated text nodes (i.e., not HTML elements), which cannot be directly targeted or styled using CSS.
However, you can use the CSS below in the Additional CSS section to visually hide them on the post listing pages..cat-links,.tag-links { font-size: 0; } .cat-links span, .cat-links a, .tag-links span, .tag-links a { display: inline-block; font-size: 12px; margin-right: 5px; }
Note: These commas may still appear on single post/detail pages, as the tag structure is handled differently there.
Regards,
Sujapatisujapati
Keymaster@eddiecelebrant: You are very welcome! Let us know if anything else comes up.
Regards,
Sujapatisujapati
Keymaster@eddiecelebrant: Thanks for making it clear. If you want all post-terms to be unclickable, add the below CSS snippets to your additional CSS.
.wp-block-post-terms a { pointer-events: none; text-decoration: none; }
Go to Dashboard > Appearance > Editor > Templates > Front Page
Please check the screenshot below for reference.
Regards,
Sujapatisujapati
Keymaster@eddiecelebrant: Thanks for the message! It looks like the link to the page didn’t come through. We understand you’re trying to display tags for your featured content to help identify their type but not to be clickable, that’s definitely possible. Please add the CSS below to your site and save the changes.
.taxonomy-post_tag.wp-block-post-terms a { pointer-events: none; text-decoration: none; color: inherit; }
Let us know if there’s anything else we can help with!.
Regards,
Sujapatisujapati
Keymaster@Glen: Glad to hear it’s been resolved! Feel free to reach out anytime.
Regards,
Sujapati -
AuthorPosts