Change color of product title in ajax product tabs / main menu color on one page

This topic has 2 replies, 2 voices, and was last updated 2 years, 2 months ago ago by Olga Barlow

  • Avatar: najmicreations
    najmicreations
    Participant
    January 16, 2022 at 11:28

    Hello,
    Page link is in private content area
    1. Please guide me in changing color of product title and text in ajax product tabs from black to white, as black isnt visible with the current bg
    2. There is also an issue with the main menu color on this page as it appears brown here while it is white on all the other pages.
    3. Please also guide me in removing the the space before the footer as it isn’t editable in elementor

    Please, contact administrator
    for this information.
    1 Answer
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 17, 2022 at 15:27

    Hello,

    1) Edit page using Elementor page builder and edit the product tabs element > Advanced tab > Custom CSS https://prnt.sc/26er7ro > add the below code

    selector .content-product .product-title a {
        color: #fff;
    }

    2) Edit page using Elementor > go to Page settings > Custom CSS https://prnt.sc/26er8ko and remove below code

    header:not(.sticky-on) .header-main-menu.et_element-top-level .menu > li > a {
        color: #42210b;
    }

    3) Edit page using Elementor > go to Page settings > Custom CSS https://prnt.sc/26er8ko and add below code

    .template-container .content-page {
        padding-bottom: 0;
    }

    Regards

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

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

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