[sujapati]

Hello @staipa

I’m sorry for any inconvenience you’ve experienced. Our team is currently reviewing the issue and will notify you as soon as it’s resolved.

Kind Regards,
Sujapati

[sujapati]

Hello @levysoro,

I apologize, but this theme does not include a testimonial section in both pro and free versions. If you have any other questions or need assistance with a different aspect of the theme, please don’t hesitate to reach out.

Kind Regards,
Sujapati

[sujapati]

Hello ImprobableCactus,

Apologies for the inconvenience. Kindly apply the CSS provided below to ensure the title and tagline are displayed correctly on all devices.

.wp-custom-logo .wp-block-main-header .wp-block-group.wp-block-site-identity {
    display: block;
}

You can add the CSS code by following Dashboard -> Appearance -> Editor -> Styles -> Addtional Css.

Below is the screenshot.

Kind Regards,
Sujapati

[sujapati]

Hello Kejraj,

We have already conducted thorough testing by activating the Woocommerce plugin, and everything is functioning correctly. We recommend deactivating other plugins individually to identify the root cause of the issue.

However, we have observed that the links to older posts are currently working well on your site. Have you found a solution to the issue?

Kind Regards,
Sujapati

[sujapati]

Hello Pklattenhoff,

Thank you for your inquiry. As you mentioned, you are currently using the free version of Fotographie. To change the background, please follow these steps:

1. Click on “Customizer” in the WordPress dashboard.
2. Navigate to the sidebar on the right and select the “Colors” option.
3. In the “Colors” section, you will find options for “Header Text Color” and “Background Color.” You can easily change the background color from here.

I have attached a screenshot for your reference.

For changing the inner site colors, you will need to add custom CSS. The required CSS is provided below.

.site-inner {
    background-color: #111;
    color: #fff;
}
.post-archive .entry-title a, 
.hero-content-wrapper .entry-title a,
a,
.more-link {
    color: #fff;
}
a:hover, a:focus, a:active,
.more-link:hover, .more-link:focus {
    color: rgba(255, 255, 255, 0.70);
}
.post-archive .entry-meta, .post-archive .entry-meta a {
    color: rgba(255, 255, 255, 0.70);
}
.post-archive .entry-meta a:hover, .post-archive .entry-meta a:focus {
    color: #fff;
}
.button, .comment-navigation a, .posts-navigation a, .site-main #infinite-handle span button {
    background-color: #fff;
    color: #000;
}
.button:hover, .button:focus, .comment-navigation a:hover, .comment-navigation a:focus, .posts-navigation a:hover, .posts-navigation a:focus, .post-navigation a:hover, .post-navigation a:focus, .site-main #infinite-handle span button:hover, .site-main #infinite-handle span button:focus {
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

The color references included in the CSS are for guidance and can be adjusted to meet your needs.

We recommend upgrading to the pro version of the Fotographie theme, which offers a wider range of color customization options for various elements, allowing you to tailor the theme to your specific needs.

Kind Regards,
Sujapati

[sujapati]

@Naztrader25: Yes it properly supports Mailchimp.

Kind Regards,
Sujapati

[sujapati]

Hello Kejraj777,

Thank you for identifying the cause of the issue. As you mentioned, the issue stems from the plugin. Please contact the plugin’s support team directly, as they will be able to assist you further.

Kind Regards,
Sujapati

[sujapati]

@Anon: If you are utilizing the plugin provided above, please be aware that custom JavaScript is added to the head element by default. Kindly select the footer element, as illustrated in the screenshot  below.

Please do inform us if any issues arise.

Kind Regards,
Sujapati

[sujapati]

@Anon: Please add JS and CSS below for the shrinking sticky header.

Javascript

let bodySelector = document.body; 
let headerWrap= document.querySelector('header') 
let headerHeight = headerWrap.offsetHeight 
window.addEventListener("scroll", () => { 
    if(window.scrollY > 0){ 
        bodySelector.style.paddingTop= headerHeight + 'px'
        bodySelector.classList.add('sticky'); 
    } else { 
        bodySelector.classList.remove('sticky');    
        bodySelector.style.paddingTop= 0 } 
});

You may need to install plugin to add the custom JS.  Please kindly refer the suggestions below  or any other available options.

https://en-ca.wordpress.org/plugins/custom-css-js/

CSS

.sticky .wp-site-blocks > div:first-child {
    position: fixed;
    z-index: 99;
    width: 100%;
    background: #fff;
    left: 0;
    right: 0;
    top: 0;
}
header h1.wp-block-heading {
    transition: all 0.4s
}
.sticky header h1.wp-block-heading {
    font-size: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
}
.sticky header .uagb-container-inner-blocks-wrap .wp-block-columns {
    margin: 0;
}
.sticky header > .alignfull {
    margin: 0 !important;
}

 

Kind Regards,
Sujapati

[sujapati]

@Anon: There is no need to share your login credentials. I only require the URL of your site. I can use Chrome’s Inspector Tool to conduct the necessary inspection securely.

[sujapati]

@Anon: Could you please provide us with your website URL so we can conduct a thorough inspection? This will allow us to deliver the tailored JS an CSS code required for your project.

Regards,
Sujapati

[sujapati]

Hello Anon,

The sticky header with the shrink animation you desire for your site cannot be implemented using only CSS. It also requires JavaScript.

Regards,
Sujapati

[sujapati]

Hello Cindy,

Thanks for reaching out to us. We have conducted thorough testing on our server and did not observe any image shifting problems on a new page. Additionally, the link you provided appears to be functioning correctly without any issues as you have mentioned. Could you please share the link to the specific page where you encountered the problem?

Regards,
Sujapati

[sujapati]

Hello Gama,

Sorry to hear about the issues. We are using PHP8 on our server and there is no issue with the theme. Can you check for an error log or contact your hosting server to find out which code has an issue? Sometime, it might be the server and WordPress configuration issue.

Regards,
Sujapati

[sujapati]

Hello bjophd,

Thank you for the query.  After careful review,  the issue you’ve mentioned appears not to be related to the theme.  However, would you please refer to this link we’ve found on Google it my help.

https://muffingroup.com/blog/facebook-link-thumbnail-not-working/#:~:text=Why%20is%20my%20Facebook%20link,to%20refresh%20the%20link%20preview.

Kind Regards

 

[sujapati]

@igorvera: While testing your theme, we discovered that you’ve given negative margin top through the Elementor plugin that has hidden the menu on devices with resolutions below 1024px.  You can see the screenshot below for reference.

To resolve this issue, please remove the margin you’ve given for iPad devices.

Kind Regards,
Sujapati

• This reply was modified 9 months, 1 week ago by sujapati.
• This reply was modified 9 months, 1 week ago by sujapati.

[sujapati]

@panoramicdove: We apologize for the inconvenience. The issue with the provided CSS not functioning as expected may be due to it being overridden by the theme’s CSS. Please try adding the following CSS:

.portfolio-section .wp-block-column:hover figure img,
.wp-block-post-featured-image:hover img {
    filter: none!important;
    transform: none!important;
}
figure.wp-block-post-featured-image:hover:before {
    animation: none!important;
}

If the problem persists, kindly provide us with your site URL so we can further investigate.

Kind Regards,
Sujapati

 

[sujapati]

Hello Igorvera,

Thank you for choosing our theme. We greatly admire your proactive approach to building and customizing it independently. Regarding your query, we’ve checked on our server and everything is functioning perfectly. Could you please provide your URL so we can investigate?

Kind Regards,
Sujapati

[sujapati]

Hello Panoramicdove,

You can disable mouseover effects by adding CSS below:

.portfolio-section .wp-block-column:hover figure img,
.wp-block-post-featured-image:hover img {
    filter: none;
    transform: none;
}
figure.wp-block-post-featured-image:hover:before {
    animation: none;
}

Regarding your second query, currently, there is no built-in-functionality to display captions on featured images. However, you can utilize the Image Block, which allows you to add captions as needed.

Kind Regards,
Sujapati

[sujapati]

Hello Gregor,

If you wish to use the Elementor Page Builder and customize specific elements with your own CSS values, please utilize the responsive tabs as demonstrated above. For global styles, you can navigate to the icon and site settings to add values that include responsiveness.

Incase you decide to build your site from scratch without a page builder, our theme is inherently responsive. However, if you add additional CSS for desktop views, ensure you also include CSS for different screen sizes.

Thanks
Sujapati

• This reply was modified 9 months, 3 weeks ago by sujapati.
• This reply was modified 9 months, 3 weeks ago by sujapati.

[Author]

Posts