Important notice: we will respond to all open ticket requests up until November the 1st. After this date, we will be unable to process the ticket requests here on Ticksy.

Okay
  Public Ticket #1736007
accordion font
Closed

Comments

  • milimm started the conversation

    Hello,

    I can't find how to change the font and spacing on accordion title tab http://drbaudoin.com/?page_id=4332

    P

  •  1,845
    Elated replied

    Hi there,

    Try to paste this code in Appearance > Customize > Additional CSS:

    .eltdf-accordion-holder .eltdf-accordion-title .eltdf-tab-title {
        font-family: serif;
        line-height: 22px;
    }
    

    Let us know if you have any other questions! 

    Best regards,

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • milimm replied

    Thank you so much!


    I have 3 more last thing:

    1. Transparent menu everywhere. 

    2. On mobile the accordion sections are not align on the center, please fond the image attached.

    3. The names of the pages are numbers "?page_id=4332" instead of names, can we fix this please?

    http://drbaudoin.com/?page_id=4332

    Thanks

  •  1,845
    Elated replied

    Hi there,

    1. Paste this code in Appearance > Customize > Additional CSS:

    .eltdf-mobile-header .eltdf-mobile-header-inner {
        background-color: transparent;
    }
    

    2. Paste this code:

    @media only screen and (max-width: 425px){
        .eltdf-accordion-holder.eltdf-ac-simple .eltdf-accordion-title .eltdf-tab-title span {
            padding: 0;
        }
        .vc_custom_1539108511100 {
            padding-left: 15px !important;
        }
        .vc_custom_1539108205448 {
            padding-right: 15px !important;
        }
        .vc_custom_1539108766348 {
            padding-right: 15px !important;
        }
        .vc_custom_1539111886685 {
           padding-left: 15px !important;
        }
        .vc_custom_1539112318513 {
            padding-right: 15px !important;
        }
        .vc_custom_1539112567063 {
            padding-left: 15px !important;
        }
        .vc_custom_1538769218258 {
            padding-right: 15px !important;
        }
        .vc_custom_1538769224528 {
            padding-left: 15px !important;
        }
    }
    

    3. Go to the Settings > Permalinks and change how your permalink will look like:

    Best regards,

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • milimm replied

    1. Can I have the menu transparent also when I scroll the page? And there is a line on the mobile menu 

    2. The code didn't work out, and I have the same issue with the following pages on mobile:

    http://drbaudoin.com/jb-med-esthetique/

    http://drbaudoin.com/chir-esthetique/

    http://drbaudoin.com/chir-reparatrice/

    3. Thanks

  •  1,845
    Elated replied

    Hi there,

    1. We answered this question in other ticket, about transparent sticky menu.  If you want to remove this line:

    ... Paste this code:

    .eltdf-mobile-header .eltdf-mobile-header-inner {
        border-bottom: none!important;
    }
    

    2. This is because some padding is added in here to the column:

    And this will appear on every screen size. If you want to remove it from the mobile, we can suggest you to copy the row, hide it for the the for the desktop screens in here:

    And remove that padding in here:

    And just hide the initial row for the mobile version in here:

    So this means that you will have two same rows, but one hidden for the mobile and one hidden for the desktop version and for the mobile version just removed padding left and padding right to the column. We set one example for you in this page and you can then create this on every page: http://drbaudoin.com/jb-med-esthetique/

    Best regards,

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.

  • milimm replied

    Hi,

    Thanks for doing this, but this solutions seems too complicated, and will have too many rows in one page.

    I just want to have a space between the two column on the desktop screens. There is any other way to do that?

  •  1,845
    Elated replied

    Hi there,

    You're welcome! You can try to use it Elements holder and for every Elements holder item set up paddings for every screen size: 

    This is for the desktop sizes and here you can set up for smaller screen sizes:

    This is some other way how you can set up spaces between the elements. 

    Best regards,

    Marie


    The Elated Support Center has been moved to our centralized support platform. 

    Please note that any existing tickets prior to this change will be answered right here on Ticksy, and in due time. 

    If you wish to submit a new support request, for all new inquiries please head on to our Help Center.

    Elated Themes is part of Qode Interactive – the home of 300+ premium WordPress themes.

    Don’t forget to sign up for our newsletter and be the first to find out all the latest news.