[sujapati]

@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,
Sujapati

[sujapati]

@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,
Sujapati

[sujapati]

@HansH: Great, thank you for confirming HansH. Subject Closed.

Regards,
Sujapati

[sujapati]

@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,
HansH

[sujapati]

@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,
Sujapati

 

[sujapati]

@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,
Sujapati

 

[sujapati]

@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,
Sujapati

[sujapati]

@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,
Sujapati

[sujapati]

@Mandy: Glad to know that.  Please feel free to reach out at any time.

Regards,
Sujapati

[sujapati]

Hi 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,
Sujapati

 

[sujapati]

Hello 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,
Sunil

[sujapati]

Hello 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,
Sunil

[sujapati]

kstevents: 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,
Sunil

[sujapati]

@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,
Sujapati

[sujapati]

@eddiecelebrant: You are very welcome! Let us know if anything else comes up.

Regards,
Sujapati

[sujapati]

@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,
Sujapati

 

[sujapati]

@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,
Sujapati

[sujapati]

@Glen: Glad to hear it’s been resolved! Feel free to reach out anytime.

Regards,
Sujapati

[sujapati]

@michael:
Thanks for making us clear. The padding-top on video wrapper is automatically set internally by FitVids.js to preserve the video’s aspect ratio, ensuring it scales fluidly across different screen sizes. You can either use the CSS below or the one you have used before to adjust the gap.

.fluid-width-video-wrapper {
    width: 100%;
    position: absolute;
    padding: 0;
    left: 0;
    top: 0;
}

Regards,
Sujapati

[sujapati]

@michael:

After inspecting the site, we found that the extra spacing is not caused by the YouTube video. Instead, it’s due to spacer blocks added in the editor. You can adjust their height by selecting the spacer block and dragging its handles directly within the WordPress editor.
I’ve attached the screenshot below for reference.

Regards,
Sujapati

[Author]

Posts