Forum Replies Created
-
AuthorPosts
-
June 30, 2025 at 12:36 am in reply to: Make post content to fit the full width of the screen? #340478
sujapati
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,
Sujapatisujapati
Keymaster@charley: No worries at all, we’re happy to assist you. Seems like you have lost the Navigation block from the template part. To add it back please follow the steps:
- Click on the plus(+) icon top open the block inserter
- In the search field that appears, type ‘Navigation;
- You’ll see the Navigation block appear in the results, click on it to insert it
- Once added, you can start adding or selecting menus like I showed on previous screenshots.
I’ve attached the screenshot below that makes it even easier to follow!
Let us know if you have any questions or need further help.
Kind Regards,
Sujapatisujapati
Keymaster@effess: To change the author meta text “View all posts by” to “About Rebecca”, you’ll need to filter the part of the theme that generates the text.
function custom_translate_text($translated_text, $text, $domain) { if ($translated_text === 'View all posts by %s') { $translated_text = 'About %s'; } return $translated_text; } add_filter('gettext', 'custom_translate_text', 20, 3);
Please add the above code to the functions.php of your child theme.
Kind Regards,
Sujapatisujapati
Keymaster@charleyhankins: Since you dont have any of your previously created on menus, you’ll need to use Navigation block to create a new one. In the Site Editor, open your Header template part. There, you’ll find the existing Navigation block. Please refer to the attached image for reference.
Click the ‘Create New Menu’ link. This will take you into the menu edit mode where you can add Pages, Posts, Custom Links, and more. Once you’re done, click ‘Save’ in the top-right corner to save your changes.
Kind Regards,
Sujapatisujapati
Keymaster@charleyhankin: Sorry to hear that your navigation menu is missing. Here’s how you can check if it’s still available and restore it:
- Got to Appearance => Editor in WP dashboard.
- In the Site Editor, locate and click on the Navigation block.
- You will see a list of available menus.
- If your previously created menu appears here, you can simply select it to restore it, otherwise you’ll need to create a new one mannually.
Please feel free to reach out if you need any further assitance.
Kind Regards,
Sujapati -
AuthorPosts