How to change the font in portfolio pages headline?

This topic has 29 replies, 4 voices, and was last updated 1 month, 2 weeks ago ago by Tony Rodriguez

  • Avatar: Union Limited
    Union Limited
    Participant
    November 23, 2025 at 07:38

    How to change the portfolio page headline? I have removed the Onest font from xstore and uploaded the inter font but still it shows onest font many places, i also changed from customize-typography option, but still shows onest font. How to properly change it?

    Files is visible for topic creator and
    support staff only.
    28 Answers
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    November 23, 2025 at 10:40

    Hello,

    Thank you for reaching out to us.

    Could you please provide temporary wp-admin access? We need to check your settings.

    To grant WP-Admin access, please proceed to create a new user account with an administrator role through your WordPress Dashboard. Once the account is established, you may securely transmit the username and password to us via the Private Content section designated for this purpose.

    Warm Regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    November 23, 2025 at 11:27

    Check please.

    Please contact administrator
    for this information.
    Avatar: Samir Malik
    Samir Malik
    Support staff
    November 23, 2025 at 12:09

    Hello @Union Limited,

    We have hidden the page title and changed the page template to Full Width:

    https://prnt.sc/YCZmG4vzk2nM

    After that, please add a new container with an H1 title. You can now easily edit the style of this headline.

    Kindly apply the same changes to the other portfolio items.

    Best regards,
    8Theme Team

    Please contact administrator
    for this information.
    Avatar: Union Limited
    Union Limited
    Participant
    November 30, 2025 at 07:35

    Hi, Please check the image, header slider container and project carousel container size is same but still project carousel isn’t matching with header slider width ratio, how to fix and match them? I have tried but couldn’t fix it.

    Files is visible for topic creator and
    support staff only.
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    November 30, 2025 at 14:03

    Hello,

    https://prnt.sc/GziVm9Zth8XW Please clear cache and check the result.

    Warm Regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 6, 2025 at 07:54

    Why my menu is breaking in different screens, it shows okay in my screen but to others it’s showing in wrong way. How to fix that? They didn’t zoomed page but still shows the menu separately. Let me know how to resolve this. Thanks!

    Files is visible for topic creator and
    support staff only.
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    December 6, 2025 at 08:58

    Hi, Union Limited,

    Thank you for reaching out to us.

    The menu items move to a new line when there isn’t enough space in the current one. You can free up space by using the Header Builder and adjusting the spacing between the elements.

    Warm Regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 7, 2025 at 09:16

    In easy way what i can do and how to fix that?

    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 7, 2025 at 15:40

    Hello,

    Unfortunately, this is not possible with the current elements in your header.

    You may need to hide some elements on smaller screen sizes, such as the “Shop Now” button or the phone number element.

    Best regards,
    8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 8, 2025 at 05:24

    I see. Okay, for the shop now button, in phone, i want this button shows in when someone will click on menu option. That’s mean i want to show it under menu not open in header. How to do that?

    Avatar: Union Limited
    Union Limited
    Participant
    December 8, 2025 at 06:41

    Also, check the image, I added another header, where I have keep same settings but Call us section show as middle align where welcome section shows top align, how to fix that? I want all in middle align.

    Files is visible for topic creator and
    support staff only.
    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 8, 2025 at 08:25

    Hello, Union,

    Please restore the top header and then exit the header editor so that we can review it in more detail.

    Thank you.
    Best regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 8, 2025 at 09:58

    Please check the image, in mobile, when I click on mobile menu option it’s open the menu but if you notice, that the header logo, cart icon’s are overlapping. Why is that happening and how to solve that?

    Files is visible for topic creator and
    support staff only.
    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 8, 2025 at 16:26

    Hello Union,

    We have updated the z-index of the container that includes the mobile menu, and everything now appears to be functioning correctly.

    https://prnt.sc/SPOjYju9fgcA

    Could you please review it again?

    Best regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 9, 2025 at 06:25

    Thank you so much. Yes now it’s seems fine.

    Check the image for another issue, before the footer, why there have that much gap? I couldn’t find the reason.

    Files is visible for topic creator and
    support staff only.
    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 9, 2025 at 08:58

    Hello, Union,

    Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    .home .container.content-page {
        padding-bottom: 30px;
    }
    

    Kind regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 10, 2025 at 07:23

    Check the images, except home page, I want a little gap after the header and before the content for all pages, how to do that? Except shop page i can manually adjust though elementor for others pages but the shop page isn’t designed through elementor that’s i couldn’t change it. So what will be the best way to do that?

    Files is visible for topic creator and
    support staff only.
    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 10, 2025 at 08:56

    Hello, Union,

    Please try adding the following custom CSS code:

    
    body:not(.home) .container.content-page.sidebar-mobile-bottom {
        margin-top: 60px;
    }
    

    We hope this helps.

    Best regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 10, 2025 at 09:02

    I have added the css in Global CSS. It worked but didn’t work on shop page. Please check.

    Files is visible for topic creator and
    support staff only.
    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 10, 2025 at 11:28

    Dear, Union,

    Could you please update the previous custom CSS code this?

    body:not(.home) .container.content-page {
        margin-top: 60px;
    }

    Best Regards,
    8Theme’s Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 10, 2025 at 12:02

    Yes, it worked now. But check the image for another issue, when we visit the website, a shadow shows on menu, shadow isn’t not the problem, the shadow should show when we scroll down, but it’s showing when we visit the site at first, when i just scroll up a little the shadow gone. That’s mean every time when we visit website, the page automatically go down a little that’s why maybe this happening. How to solve this bug?

    Files is visible for topic creator and
    support staff only.
    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 10, 2025 at 15:56

    Hello, Union,

    This is not a bug. The slider images on your homepage require some time to load, and once they have fully loaded, the page height changes, causing the header to become sticky.

    In this case, please try enabling the Sticky option in Elementor: https://prnt.sc/yze3Jq61zKuL

    Please let us know if this resolves the issue.

    Best regards,
    8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 11, 2025 at 06:17

    No, it didn’t solve the issue. Not a big issue but still need a solution.

    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 11, 2025 at 09:28

    Hello Union,

    Could you please review it once more? We have switched to the Elementor Sticky.

    https://elementor.com/help/sticky-headers/

    Best regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 11, 2025 at 11:41

    Yes now it’s okay.

    Avatar: Samir Malik
    Samir Malik
    Support staff
    December 11, 2025 at 12:18

    If you require any further assistance, please do not hesitate to contact us.

    Best regards,
    The 8Theme Team

    Avatar: Union Limited
    Union Limited
    Participant
    December 14, 2025 at 10:16

    Thanks for the support! My topic “How to change the font in portfolio pages headline?” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    December 14, 2025 at 10:16

    Dear Union Limited,

    It’s great having you in our WordPress & WooCommerce community!

    Every insight you share helps us refine XStore and build tools that empower thousands of online store owners worldwide.

    Together, we grow stronger with every release.

    Topic closed.
    The 8Theme Team

  • Viewing 29 results - 1 through 29 (of 29 total)

The issue related to '‘How to change the font in portfolio pages headline?’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.