Looking for Guidance on Specific Settings

This topic has 6 replies, 2 voices, and was last updated 1 days, 10 hours ago ago by Luca Rossi

  • Avatar: krasen
    krasen
    Participant
    June 10, 2025 at 16:56

    Hello!

    I’ve spent a lot of time adjusting the settings and have almost achieved the look I want. However, I can’t find how to change a few important things, so I’m reaching out again for your help.

    I’ve gathered all my questions in one place and included screenshots to better illustrate what I need. Please take a look at the attached screenshots.

    Thank you in advance for your time!

    Content is visible for topic creator and
    support staff only.
    Files is visible for topic creator and
    support staff only.
    5 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    June 11, 2025 at 15:47

    Dear @krasen,

    We hope this message finds you well.

    Please find below the updates and customizations we have implemented based on your recent requests:

    1. The widget title has been updated to use the H2 tag, as per your instructions.

    2. To modify the color of category items in the sidebar, kindly add the following custom CSS:

    
    body .widget_product_categories.sidebar-widget ul li a, 
    body .sidebar-widget ul li a {
        color: #691b01;
    }
    

    3. To adjust the margin of sub-headings, please use the CSS below:

    
    body .term-description h2,
    body .term-description h3,
    body .term-description h4 {
        margin: 15px 0 25px;
    }
    

    4. For customizing the bullet point color and font size, you may apply the following:

    
    body .term-description ul li {
        color: #474747;
        font-size: 20px;
    }
    

    5. The message “Your account with %s is using a temporary password. We emailed you a link to change your password.” originates from the WooCommerce plugin. You can translate this text using the Loco Translate plugin: https://prnt.sc/sST2dva1DFHa.

    6. To change the padding within the single product tabs, please use:

    
    .single-product .woocommerce-tabs .wc-tab {
        padding: 30px;
    }
    

    7. To modify the color of the product title and price, kindly apply the following CSS:

    
    body .content-product .product-title a {
        color: red;
    }
    
    body .content-product .price {
        color: green;
    }
    

    Should you have any further questions or require additional assistance, please do not hesitate to reach out.

    Best regards,
    The 8Theme Team

    Avatar: krasen
    krasen
    Participant
    June 13, 2025 at 18:51

    Hello!

    I added the codes you provided. Thank you very much!
    Almost everything is ready now.

    1. The widget title has been updated to use the H2 tag:

    You have changed the titles of the widgets in the footer and right sidebar, not the one I showed you. Please return the H3 tag for the titles of the widgets in the footer and right sidebar, and make only the one above the product categories (left sidebar “Продукти”) H2.

    Also, now the product categories are not working properly – there are over 100 products in the store and many categories, and only 4-5 categories with 1-2 products are displayed? Please see here: https://zdravezavas.bg/shop/

    2. – Fixed

    3. – Fixed

    4. For customizing the bullet point color and font size

    This code works fine for the text in the categories (for example here https://zdravezavas.bg/c/bezglutenovi/ ), but does not work for the product pages, blogposts and normal pages.

    5. – Fixed

    6. – Fixed

    7. – Fixed

    Thank you in advance!

    Avatar: Justin
    Luca Rossi
    Support staff
    June 16, 2025 at 08:45

    Dear @krasen,

    Thank you for your message.

    1. Please note that, unfortunately, the widget title heading will remain the same across all sidebars. However, as per your request, we have updated the heading tag to h3.

    4. Additionally, we kindly ask you to add the following custom CSS code:

    
    body ul li {
        margin: 15px 0 15px;
        font-weight: 500;
        color: #474747;
        font-size: 20px;
    }
    

    We hope this helps. Should you have any further questions or need additional assistance, please do not hesitate to contact us.

    Best regards,
    The 8Theme Team

    Avatar: krasen
    krasen
    Participant
    June 17, 2025 at 23:07

    Hello,

    I added the code, but it breaks my menu, and doesn’t fix the bullet points text.

    Files is visible for topic creator and
    support staff only.
    Avatar: Justin
    Luca Rossi
    Support staff
    June 18, 2025 at 06:46

    Hi @krasen,

    Please try with this custom CSS codes instead:

    
    body .content-page ul li,
    body .elementor-widget-text-editor ul li,
    body .content-article.entry-content ul li,
    body div#tab-description ul li,
    body .term-description ul li {
        color: #474747;
        font-size: 20px;
    }
    

    Let us know how it goes!

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

You must be logged in to reply to this topic.Log in/Sign up

Helpful Topics

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