Request for Assistance with Blog Formatting

Hello,

1. To modify the content of your mobile header and increase the logo size, please navigate to XStore Builders → Header Builder → Customizer. There, you can edit the mobile content columns by adjusting their sizes and setting the correct proportions. For example, the mobile menu can occupy two columns, while the remaining ten can be adjusted for the logo element.

2. Could you please specify which elements you would like to modify on your blog page? For instance, the post titles inherit their styling from the Elementor configuration for the H2 tag (see: https://prnt.sc/JJAdFHyXrR71). If you wish to change the styling of these headings, this can only be done using CSS snippets, and we would be happy to assist you with that if needed.

If you would like to explore additional customization options for Blog, Shop, Header, Single Post, and other templates, please refer to our documentation on using XStore Builders with Elementor: https://www.8theme.com/documentation/xstore/xstore-builders/.

3. The global breadcrumbs are generated in the following file: xstore/templates/breadcrumbs.php. If you wish to make modifications, you can copy this file to xstore-child/templates/breadcrumbs.php and apply your changes there. Please note that this is considered an additional customization and falls outside the scope of our basic support.

Best regards,
Jack Richardson
8Theme Team

Hello @Lani,

Could you please clarify how you added the custom font? Did you use our built-in Custom Fonts functionality or implement it through custom code snippets? Kindly let us know which font you would like to apply so that we can assist you in improving the typography of your breadcrumbs.

Regarding the modifications to the breadcrumb steps, we have already provided an answer in our previous reply (https://www.8theme.com/topic/request-for-assistance-with-blog-formatting/#post-460935), under item 3.

Best regards,
Jack Richardson
8Theme Team

Hello @Lani,

To upload a custom font, please use our built-in “Custom Fonts” functionality: https://prnt.sc/ZwF_fvkVs1HR. Once the font is uploaded, it will appear in the list of all fonts within the Customizer options and in the Elementor typography fields. You can obtain your custom font from available font sources and upload it in the appropriate formats.

To modify the typography for headings, go to “Elementor Site Settings”: https://prnt.sc/0c5dKZWwfzgV. You can access this from any Elementor editor (page, post, or static block) or by hovering over the Elementor edit button: https://prnt.sc/C5FyHA5Y54Yf. Then, open the “Typography” section: https://prnt.sc/cAoKix9M6Doj, where you will find the general heading settings: https://prnt.sc/7SGOwN95-53N.

To adjust the typography for the breadcrumbs area, navigate to “Theme Options → Breadcrumbs”, and scroll to the “Title Typeface” section: https://prnt.sc/kSC1FNF-58gZ.

If you would like to achieve the following breadcrumb style: https://prnt.sc/V-FWJjK0RHFQ without modifying PHP files in your child theme (as previously suggested), you can add the following custom CSS:

.single-post #breadcrumb .delimeter:nth-of-type(2),
.single-post #breadcrumb .delimeter:nth-of-type(2) ~ * {
    display: none;
}

For more information, please refer to our documentation:
https://www.8theme.com/documentation/xstore/additional-customisation/optimal-placement-for-custom-css-code/

Best regards,
Jack Richardson
8Theme Team