ResolvedCSS Final Edits / alignments

Viewing 9 posts - 46 through 54 (of 54 total)
  • Author
    Posts
  • #27982
    Althemist
    Keymaster

    Hello Tom,

    We wish you Happy and successful New Year!

    1. Try replacing your CSS with this one:

    ul.tabs a {
        border-radius: 0 !important;
    }
    ul.tabs a:hover, ul.tabs li.active a {
        border: none !important;
        border-bottom: 2px solid #333333 !important;
        border-radius: 0 !important;
        border-color: #333 !important;
    }

    2. USe this CSS and adjust as per your needs:

    .woocommerce-tabs .panel.entry-content {
        font-size: your-size;
    }

    3. Basically, the sticky header works just as you described your needs, but only for non boxed layouts. On boxed layout, it’s just not possible to have it sticky.

    #27995
    Tom42
    Participant
    This reply has been marked as private.
    #28018
    Althemist
    Keymaster

    Change the code to:

    ul.tabs a {
        border-radius: 0 !important;
        border: none !important;
    }
    ul.tabs a:hover, ul.tabs li.active a {
        border: none !important;
        border-bottom: 2px solid #333333 !important;
        border-radius: 0 !important;
        border-color: #333 !important;
    }

    Anyways, so small glitches are possible, as your are heavily overriding the existing styles and it’s almost a different theme now, but it’s “roots” are still there. With so much modifications, it would never be absolutely perfect.

    #30129
    Tom42
    Participant
    This reply has been marked as private.
    #30138
    Althemist
    Keymaster

    Hello Tom,

    Definitely not related to the latest theme update. Most probably something with your caching. Try clearing your site cache first. Also, make sure you have updated ALL plugins (including the BabyStreet plugin, woocommerce etc) and not just the theme, as each new version is made to work with the latest WordPress and WooCommerce.

    #30154
    Tom42
    Participant

    Hi Dimitar,

    Do you know what css or file the three cart icons are called? I fixed the arrow icons.

    thanks

    #30162
    Tom42
    Participant

    Hi Dimitar,

    It’s ok I have fixed the issue, it was to do with the theme file being cached.

    Just one question: Do you know how to change the H1 size on the contact / about / faqs pages? https://kookyzoo.co.uk/contact/
    In theme options, it says the H1 titles are 13px but they display much bigger on these pages.

    Thanks
    Tom

    #30164
    Tom42
    Participant

    this should be changing it but in google console it still says 47px

    .tax-product_cat .babystreet_title_holder .inner h1.heading-title {
        font-size: 25px !important;
    }

    #30174
    Althemist
    Keymaster

    The css you use would only affect the product category pages.

    As you noticed, this text size is set with CSS and not related to the h1 size in forts settings, which is only used in stadnard text blocks.

    This is the correct selector:

    .babystreet_title_holder .inner h1.heading-title {
        font-size: 47px;
    }
Viewing 9 posts - 46 through 54 (of 54 total)

You must be logged in and have valid license to reply to this topic.

License required for any item belonging to this account
AlThemist

AlThemist

sales 18169, followers 756
Login and Registration Log in · Register