Forum Replies Created
-
AuthorPosts
-
sujapatiKeymaster
@stapia: We’ve resolved the autoplay delay issue. You’ll receive an update notification for both the theme and its plugin. Once you update them, you’ll be able to set the timing for the slider interval.
Meanwhile, you might see an ‘Attempt Block Recovery’ popup, as shown in the image below. Simply click the button, and everything will be good to go!
If you have any questions, please feel free to reach out.
Kind Regards,
SujapatisujapatiKeymaster@stapia: Our development team has resolved the issue and it is currently in the testing phase. Once testing is complete, we will update the plugin. You can expect the plugin update within the next few days.
Thank you for your patience.
Kind Regards
SujapatisujapatiKeymasterHello Pikabon,
I noticed that you’ve used images of varying sizes. The square images are appropriately sized and look great in the thumbnails. To maintain a consistent layout, I suggest resizing the remaining images to match this aspect ratio before re-uploading them.
Kind Regards,
SunilsujapatiKeymasterHello @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,
SujapatisujapatiKeymasterHello @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,
SujapatisujapatiKeymasterHello 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,
SujapatisujapatiKeymasterHello 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,
SujapatisujapatiKeymasterHello 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:
- Click on “Customizer” in the WordPress dashboard.
- Navigate to the sidebar on the right and select the “Colors” option.
- 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,
SujapatisujapatiKeymaster@Naztrader25: Yes it properly supports Mailchimp.
Kind Regards,
SujapatisujapatiKeymasterHello 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,
SujapatisujapatiKeymaster@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,
SujapatisujapatiKeymaster@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,
SujapatisujapatiKeymaster@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.
sujapatiKeymaster@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,
SujapatisujapatiKeymasterHello Anon,
The sticky header with the shrink animation you desire for your site cannot be implemented using only CSS. It also requires JavaScript.
Regards,
SujapatisujapatiKeymasterHello 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,
SujapatisujapatiKeymasterHello 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,
SujapatisujapatiKeymasterHello 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.
Kind Regards
sujapatiKeymaster@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,
SujapatiJuly 2, 2024 at 4:49 am in reply to: Featured Image: removing mouseover effect & displaing Caption as default #336442sujapatiKeymaster@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 -
AuthorPosts