Forum Replies Created
-
AuthorPosts
-
sujapati
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,
Sujapatisujapati
Keymaster@gtkw: Thank you for bringing this to our attention again. I’m sorry we missed it earlier.
While we checked on our server the font spacing and position you’ve mentioned seems to be perfect and have no issue on it. Could you please share your website URL along with a screenshot of the issue? That will help us take a closer look.
Kind Regards,
Sujapatisujapati
Keymaster@amustiz: Thanks for the query.
- Currently we don’t have beult-in feature for changing the label texts. You’ll need to add custom CSS direclty on your site to modify it
.menu-toggle-wrapper .menu-label { position: relative; display: block; overflow: hidden; color: transparent; } .menu-toggle-wrapper .menu-label:after { content: 'Demo Label'; display: block; position: absolute; top: 0; left: 0; color: #fff; z-index: 9; }(Note: You can change the content: “demo label” as per your site requirements)
2. Similary add the following CSS to make the menu visible on all devices.
@media screen and (max-width: 767px) { body .menu-toggle-wrapper { display: none; } body .menu-inside-wrapper { display: block; position: relative; left: 0; top: 100%; width: 100%; z-index: 999; } }Please feel free if you need any further assitance.
Kind Regards,
Sujapatisujapati
KeymasterOnce you’ve activated the plugin (The Events Calendar) and added your events, you can access its settings to configure the display according to your site’s needs. Go to Settings, where you’ll find the Display and Filters tabs—these allow you to adjust styling and filtering options as required.
To display events on your site using the theme, navigate to the Event pattern and look for the Event List block. This will show the list of your available events. Please note that you may need to add some custom CSS to fine-tune the colors and alignment for a perfect visual match with your site design.
Kind Regards,
Sujapatisujapati
Keymaster@charley: You’re welcome! Glad it worked out. Let us know if there’s anything more we can assist you with.
Kind Regards,
Sujapati -
AuthorPosts
