Forum Replies Created
-
AuthorPosts
-
July 18, 2025 at 1:08 am in reply to: Add search to burger menu on mobile in Catch Responsive Pro #340622
sujapati
Keymaster@cindy: Sorry to hear you’re having trouble saving the new CSS code. We’ve tested it on our server, and everything is working correctly—the changes are saved and reflected in the browser as expected.
Please go to ‘Appearacne => Customize => Addtional CSS’.
You will get the field to paste the code. Below is the screenshot.
You can also try alternative method and paste the code into style.css.
Please navigate ‘Appearance => Theme File Editor => Stylesheet(style.css)’.If neither method works, the issue might be caused by a plugin conflict. In that case, please try deactivating plugins one by one and check if the CSS can be saved.
(Please share with us where you added the CSS and also can you share a screenshot of the error you’re seeing?)Regards,
SujapatiJuly 17, 2025 at 12:39 am in reply to: Add search to burger menu on mobile in Catch Responsive Pro #340610sujapati
Keymaster@cindy: Yes, please add this to the Additional CSS field and save the changes.
Regards,
Sujapatisujapati
Keymaster@David: I’ve tested the font property across all major browsers—Chrome, Firefox, Microsoft Edge, Brave, and Safari—and it’s working correctly on all of them. Below is the screenshot on Safari version 18.5.
It might be a caching issue on your end. Also Could you please try checking it again on a different Safari device?
Kind Regards,
SujapatiJuly 14, 2025 at 12:28 am in reply to: How can I fix the text scrolling block overflow issue? #340574sujapati
Keymaster@Rashaim: We have conducted thorough testing on our server, and everything appears to be functioning correctly on our end. To assist you further and identify the issue more accurately, could you please share your site URL with us?
Kind Regards,
Sujapatisujapati
Keymaster@David: Thanks for the query. But while we checked your site, all the heading fonts are set to the ‘Playfair Display’ font. Has the issue been resolved?
Kind Regards,
SujapatiJuly 8, 2025 at 5:18 am in reply to: Problem displaying arrows slider and social media icons #340535sujapati
Keymaster@COMeStudio: Yes, you can remove that part ofthe previous CSS. I missed adding ‘:before’ element on that one, so it was not working.
Regards,
SujapatiJuly 3, 2025 at 11:02 pm in reply to: Problem displaying arrows slider and social media icons #340512sujapati
Keymaster@COMeStudio: Apologies for the difficulty.Kindly add the CSS below in the same way as the previous CSS adjustments.
#scrollup:before { font-family: "FontAwesome" !important; }Kind Regards,
SujapatiJuly 2, 2025 at 5:49 am in reply to: Problem displaying arrows slider and social media icons #340489sujapati
Keymaster@COMeStudio: While inspecting your site, we noticed that it has been built using the Elementor plugin.It is possible that the Elementor plugin has disabled Font Awesome CSS link, which would prevent the icons from appearing as expected.
Unfortunately, the plugin does not support the latest version of Font Awesome, which is causing issues with the display of icons on your pages. Please add the CSS below to resolve the icon issue.
#feature-slider .cycle-prev::before, #feature-slider .cycle-next::before, .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, #logo-section .cycle-prev::before, #logo-section .cycle-next::before, #to_top_scrollup, #scrollup, .fa-solid:before, .fa-brands:before { font-family: "FontAwesome" !important; }Please feel free if you need any help.
Kind Regards,
SujapatiJune 30, 2025 at 12:36 am in reply to: Make post content to fit the full width of the screen? #340478sujapati
Keymaster@sophie: Sorry for the inconvenience. If you want to remove white space on left and right sides of the page, add the CSS below:
.single .wp-site-blocks .wp-block-columns > .wp-block-column .wp-block-group.alignfull { padding-inline: 0 !important; }Kind Regards
SujapatiJune 29, 2025 at 2:57 am in reply to: Make post content to fit the full width of the screen? #340473sujapati
Keymaster@SophieZH: If you want additional CSS to make the content size fit to the screen width, add the CSS below to your site.
.single .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { max-width: var(--wp--style--global--wide-size)!important; } .single .wp-block-post-comments { max-width: var(--wp--style--global--content-size)!important; }Please navigate ‘Dashboard -> Appearance -> Editor -> Styles -> Additional CSS’ to add the code. Below is the screenshot for reference.

Kind Regards,
SujapatiJune 29, 2025 at 12:48 am in reply to: Make post content to fit the full width of the screen? #340470sujapati
Keymaster@SophieZH: Thank you for your request! The free version of the Catch Bells theme, unfortunately doesn’t include a full-width layout option . These features, such as Full-width, No Sidebar, Left/Right Sidebar templates, and other advanced layout patterns are only available in the Pro version of the theme.
Let us know if you’d like help upgrading.Kind Regards,
Sujapatisujapati
KeymasterThank you so much Tatyana. We truly appreciate the trust you’ve placed in both our theme and our team. Looking forward to continuing our collaboration.
sujapati
KeymasterDear Tatyana,
I’m really glad everything worked out for you! If you’re happy with the theme and the support I provided, would you mind leaving a quick review?
https://wordpress.org/support/theme/catch-flames/reviews/#new-post
Just a sentence or two would go a long way and help others know what to expect. Thanks so much!
Kind Regards,
Sujapatisujapati
KeymasterDear Tatyana,
Glad to know it worked out well! Regarding your other queries, please see the details below:
i. Displaying 24 items per page
Go to your Dashboard → Settings. Under “Blog pages show at most”, enter the number of posts you’d like to display per page (e.g., 24).ii. Making the description text shorter
Navigate to Customize → Theme Options → Excerpt/More Tag Settings.
Look for the “Excerpt Length” field and set it to the desired number of words (e.g., 10 to show only 10 words in the description).iii. Changing the ‘More’ link text color to blue
Add the following CSS code:a.more-link { color: #1609b5; }iv. For the navigation links:
WordPress uses built-in pagination to navigate between posts. On the first page (displaying the most recent posts), only a “Previous Posts” link is visible, which leads to older posts. There’s no “Next Posts” link since no newer posts exist.Let me know if you need help applying these changes!
Kind Regards,
Sujapatisujapati
KeymasterHello Tatyana1981,
The code I provided isn’t displaying in the browser, but I found it present in the CSS file upon inspection. It looks like there’s a missing closing brace (}), which might be the reason the styles aren’t being applied on the site. Please refer to the screenshot below for details.
Код, который я предоставил, не отображается в браузере, но я обнаружил его в CSS-файле при проверке. Похоже, отсутствует закрывающая фигурная скобка (}), что может быть причиной того, что стили не применяются на сайте. Пожалуйста, посмотрите скриншот ниже для подробностей.
Add bracket after text-decoration: none; just like shown on screenshot below.
и добавьте скобку после text-decoration: none; как показано на снимке экрана ниже.
and also search the code below and remove extra comma from there.
а также найдите этот код и удалите там лишнюю запятую/* No Sidebar One Column */ .one-column.no-sidebar .site { width: 750px; margin: 0 auto; } ,Kind Regards,
Sujapatisujapati
Keymaster@Tatyana1981: Пожалуйста, добавьте следующий CSS на ваш сайт, чтобы изменить размер изображений и отобразить результаты поиска в 3 колонках:
img { height: auto; max-width: 100%; } .search-results #content article { background-color: transparent; padding: 20px; border: 1px solid #d8cdcd; width: 100%; overflow: hidden; margin-bottom: 20px ; } @media screen and (min-width: 992px) { .search-results #content>header, .search-results #content>nav, .search-results #content>div { grid-column: 1 / -1; } .search-results #content { display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 20px; margin-bottom: 35px; } }Не стесняйтесь обращаться, если вам потребуется дополнительная помощь.
sujapati
Keymaster@procyonsystems: We’ll be contacting you via email shortly. In the meantime, please check if the issue persists across different browsers, such as Safari and Chrome. It may also be related to a plugin conflict—try deactivating any third-party plugins you’ve installed to see if that resolves the problem.
Thank you for your patience.Kind Regards,
SujapatiJune 23, 2025 at 8:04 am in reply to: Problem displaying arrows slider and social media icons #340420sujapati
Keymaster@COMeStudio:
We’ve updated the Font Awesome Icon version in the latest theme update, and everything is working perfectly on our server. It’s possible that your browser or website is caching old resources, which could be causing the issue.
Please try clearing your browser cache and check if that resolves the problem. If the issue persists, kindly share your site URL with us, and we’ll conduct thorough testing to pinpoint the issue.Kind Regards,
Sujapatisujapati
Keymaster@procyonsystems: Thank you for reporting the issue. I’ve tested the latest versions of both BizBoost Pro and FSE on my server using the most recent version of Firefox, and everything appears to be working smoothly on my end.
Are you seeing any specific errors, or is this happening on a particular page in the editor. If you can share a screenshot or screen recording of the issue, that would be very helpful.
Kind Regards,
Sujapatisujapati
Keymaster@amustiz: Glad to hear you were able to resolve it on your own. You’ve handled it really well.
Let me know if anything else comes up!
Regards,
Sujapati -
AuthorPosts

