Theme issues with padding and fonts and buttons

This topic has 21 replies, 3 voices, and was last updated 1 months, 1 weeks ago ago by Tony Rodriguez

  • Avatar: Anastasia
    Anastasia
    Participant
    October 23, 2025 at 01:51

    Hi there!

    I’m having some issues with the theme and even though I’ve been trying to fix them for the last several hours, I’m absolutely at a loss. I’m going straight to it and I’ll number the list for easier reference.

    1 – (see attached about-page image) There’s a problem with the header and the breadcrumbs, they appear one on top of the other on all pages. I couldn’t find the css or setting to fix it.

    2 – (image product page issues) 2.1 – There’s a ‘back to front’ link that I’ve disabled but it’s still showing;
    2.2 – The buy now button is disabled but still showing
    2.3 – I don’t want to use the Compare function and I’ve disabled it but there’s a text showing and I don’t know how to remove it
    2.4 – the font on the buttons is not the one I’ve set in the Typography section
    and the header and breadcrumbs again.

    3 – (shop page issues) 3.1 – How do I make the filter show up on the side like on this demo: https://xstore.8theme.com/elementor/demos/minimal-fashion02/shop/
    When I set up the sidebar it showed on ALL pages. Now it’s icon+pop up for desctop and it also has this padding issue on the top.
    3.2 – There are font issues again.

    Except all that, I have one more question that’s more about guidance – is there a faster way to edit the email templates? I needed a few tries to understand that when you switch the email on the left (see attached image, I’ve circled the button), the templates is overridden and the design is lost. I tried copying the style but then again I loose the original content. It’s only the header and footer I want to copy across all emails. If you have a way to save me the time – please do tell!

    That’s all for now. Thank you so very much, I know it’s a lot.

    Best wishes,
    Anastasia

    Please, contact administrator
    for this information.
    Files is visible for topic creator and
    support staff only.
    20 Answers
    Avatar: Anastasia
    Anastasia
    Participant
    October 24, 2025 at 10:40

    Hey, I figured out the filter sidebar (3.1). All the rest is still not resolved.

    Avatar: Justin
    Luca Rossi
    Support staff
    October 24, 2025 at 17:16

    Hello Anastasia,

    Regarding the header issue, please try adding the following custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:

    
    header[data-elementor-type="header"] {
        min-height: 106px;
    }
    

    We would like to review the other issues; however, your website becomes inaccessible after refreshing. Could you please contact your hosting provider’s support team regarding this matter?

    https://prnt.sc/Hb7b2e5Sdgf3

    Thank you for your cooperation.

    Kind regards,
    The 8Theme Team

    Avatar: Anastasia
    Anastasia
    Participant
    October 24, 2025 at 17:37

    Hi Luca,

    The CSS worked, the header is now below the menu.

    Could you please check https://ping.eu/ and give me your IP so we can whitelist it? Thanks!

    Best regards,
    Anastasia

    Avatar: Justin
    Luca Rossi
    Support staff
    October 26, 2025 at 06:20

    Dear Anastasia,

    The IP addresses are dynamic. Could you please whitelist access by country?

    We have added the list of countries in the Private Content Area.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Anastasia
    Anastasia
    Participant
    October 26, 2025 at 13:24

    Dear Luca,

    Out of respect of your privacy, most of my reply will be in the private content area.

    Thank you for your time and assistance!

    Kind regards,
    Anastasia

    Please contact administrator
    for this information.
    Avatar: Anastasia
    Anastasia
    Participant
    October 26, 2025 at 15:02

    Hi again,
    1) I just found a new issue – the checkout form doesn’t show the delivery options, it reloads and all the buttons/next steps disappear. You can see here: https://we.tl/t-sjeQJx916p
    I tried several browsers, no change. I fill out all fields, no change.

    2) In the video you’ll see that there are a few words left in English thought the website, I tried translating the theme and core plugin but nothing changed. (‘cart’ in mini cart pop up; whole product table on cart page; ‘Categories’ button on mobile sticky menu on the bottom)

    3) How do I remove the icon for the Blog on mobile sticky menu on the bottom of the site?

    Thanks again.
    Anastasia

    Avatar: Justin
    Luca Rossi
    Support staff
    October 26, 2025 at 15:02

    Hello Anastasia,

    Could you please whitelist our IP address at your earliest convenience?

    Thank you for your assistance.

    Best regards,
    The 8Theme Team

    Please contact administrator
    for this information.
    Avatar: Anastasia
    Anastasia
    Participant
    October 26, 2025 at 15:12

    Hi Luca,

    Done, the IP is whitelisted and you should have access to the site.

    Kind regards,
    Anastasia

    Avatar: Justin
    Luca Rossi
    Support staff
    October 26, 2025 at 16:27

    Dear Anastasia,

    Please check Private Content Area.

    Best regards,
    8Theme Team

    Please contact administrator
    for this information.
    Avatar: Anastasia
    Anastasia
    Participant
    October 26, 2025 at 17:33

    Hi Luca,

    Thank you so much for the fast response!!! The issues with the buttons and fonts are all fixed. I also translated the product table on the cart page and removed the Blog button from mobile panel. But how do I translate the wishlist/cart heading in the mini cart? Can’t find them anywhere.

    I haven’t resolved the checkout reloading issue.

    One more question – https://prnt.sc/ozWKCQ9sOWz1
    I’ve put one text in the settings of the badge but another one shows up? (Sorry that’s all in Bulgarian).
    Also how to space out the variation colors?

    Thank you enormously!

    Best wishes,
    Anastasia

    Avatar: Justin
    Luca Rossi
    Support staff
    October 27, 2025 at 09:35

    Hello Anastasia,

    1. We believe the checkout page is now functioning correctly. The issue was caused by a conflict with the Advanced Layout settings located under Theme Options > WooCommerce (Shop) > Cart/Checkout Page > Advanced Layout: https://prnt.sc/mUZbQfvymY6T.

    2. To modify the text, please edit your header using Elementor, then select the cart element and update the text as needed: https://prnt.sc/Mekw4Bwgrg9b.

    3. Could you please provide the product URL?

    Thank you.

    Best regards,
    8Theme Team

    Avatar: Anastasia
    Anastasia
    Participant
    October 27, 2025 at 10:45

    Hi Luca,

    Unfortunately the checkout is still not working properly, I tried different browsers, incognito mode, deleting cache, etc. Only the header/top part of the page is different. https://prnt.sc/NLAWTns5ir1L

    3 – On this product page you can see both the sale badge with the default text and the variation color swatches that are overlaping:
    https://lumi-baby.com/products/bundle-silicone/

    Thank you very much!

    Kind regards,
    Anastasia

    Avatar: Justin
    Luca Rossi
    Support staff
    October 27, 2025 at 13:57

    Hello @Anastasia,

    1. The issue was caused by the WooCommerce Speedy Shipping Method plugin. After disabling this plugin, the checkout page is now functioning properly.

    2. Could you please double-check it again? https://prnt.sc/86BNu6F6GlXi

    Best regards,
    The 8Theme Team

    Avatar: Anastasia
    Anastasia
    Participant
    October 27, 2025 at 14:23

    Hi Luca,

    Thank you so much!

    1. I will contact the plugin’s support as this is essential delivery method here, but this shouldn’t concern you no more. I don’t know why it suddenly broke the site.
    2. Yes, now the text is the one I put in the settings. Great!

    1 – What about the color swatches, did you manage to take a look? https://prnt.sc/axQL7wq85K80
    I tried to find settings in the Elementor editor and theme editor but couldn’t, when I add css the whole element is selected, not individual swatches.

    2 – Is that a regular checkout layout or is it special code? https://xstore.8theme.com/elementor/demos/minimal-fashion02/checkout/
    I tried changing the layout design according to this article https://www.8theme.com/documentation/xstore/woocommerce/customizing-cart-checkout-page-layouts/ but there is 0 change except the breadcrumbs at the top. My wish is to remove the steps and buttons between info/delivery/payment and have all information visible at all time.

    3 – I have one final question, I only want you to take a look and tell me if this piece of code is not working because of the Elementor editor of the products. If I hire a professional to fix it would it work again, because it used to work with another theme? – https://lumi-baby.com/wp-admin/admin.php?page=wpcode-snippet-manager&snippet_id=44739

    Thank you enormously for all your help.

    Kind regards,
    Anastasia

    Avatar: Justin
    Luca Rossi
    Support staff
    October 28, 2025 at 08:09

    Hello Anastasia,

    1. Please add the following custom CSS code to adjust the spacing between color variations:

    
    .tawcvs-swatches.oss- {
        gap: 15px;
    }
    

    2. In this case, kindly edit your checkout page using Elementor, remove the “Checkout Multi-steps” element, and add the “Checkout Default” element instead: https://prnt.sc/CBJWayYZRAey

    3. We have updated the custom code to ensure compatibility with our XStore theme for you.

    Best regards,
    8Theme Team

    Avatar: Anastasia
    Anastasia
    Participant
    October 28, 2025 at 10:50

    Hi Luca,

    I am grateful from the bottom of my heart for all the time and effort you’ve put in helping me!

    One last thing and I’m closing this topic – how do I hide this message (the sale booster) on order thank you page? https://prnt.sc/nyYMq3btNkGf

    Thank you again!

    Bestest wishes,
    Anastasia

    Avatar: Justin
    Luca Rossi
    Support staff
    October 28, 2025 at 13:00

    Hi @Anastasia,

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

    
    body.woocommerce-order-received .elementor-widget-woocommerce-etheme_sales_cart_checkout_countdown {
        display: none !important;
    }
    

    Kind regards,
    The 8Theme Team

    Avatar: Anastasia
    Anastasia
    Participant
    October 28, 2025 at 15:29

    Hi Luca,

    Once again, thank you very much for all the help! I’m now closing this topic as everything is up and running smoothly.

    Best wishes,
    Anastasia

    Avatar: Anastasia
    Anastasia
    Participant
    October 28, 2025 at 15:29

    Thanks for the support! My topic “Theme issues with padding and fonts and buttons” has been successfully resolved.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    October 28, 2025 at 15:29

    Dear Anastasia,

    Thanks for being part of the WordPress & WooCommerce community!

    We’re happy we could assist you. Your feedback truly matters — it helps us make XStore better, faster, and more reliable with every release.

    💬 Share your quick feedback here (takes less than a minute)

    Together, we’re shaping a better WooCommerce experience for everyone.

    Topic closed.
    The 8Theme Team

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

The issue related to '‘Theme issues with padding and fonts and buttons’' 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.