Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1167328

    Hi,

    is ist possible to remove the blue border around the title when the accordion is opened?
    This happens only on Chrome, so i’m not sure if this is something i can customize.
    The accordion i’m referring to can be found here: https://rs234935.rs.hosteurope.de/akrobatinnen/

    I’ve already added the following custom css code and the custom css class in developer settings of the accordion:

    /* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */
    
    /* General Custom CSS */
    
    /* Team member circle image */
    .team-img-container img {
        border-radius: 100%;
    }
    /* Social icons*/
    #top .avia-team-member .team-social {
        background: transparent;
        border: none;
    }
    
    @media only screen and (max-width: 989px) {
    .responsive.av-no-preview #top .avia-team-member .team-social {
        background: transparent;
        border: none;
    }}
    /* Remove default icon border */
    .my-custom-tabs .toggle_icon {
        border:none;    
    }
    /* Default tab border */
    .my-custom-tabs .toggler {
        border: none;
    }
    /* Hide default icons */
    .my-custom-tabs .toggle_icon .vert_icon,
    .my-custom-tabs .toggle_icon .hor_icon {
        display:none;
    }
    
    /* Custom Accordion Icon */
    .my-custom-tabs .toggle_icon {
        display: inline-block!important;    
    }
    .my-custom-tabs .toggle_icon:before {
        font-family: 'entypo-fontello';   
        content:'\e87d';    
        position: absolute;
        font-size: 18px;
        top:50%;
        transform: translateY(-50%);
        left: 0px;
        line-height: 0;
        color:black;
    }
    /* Active tab icon */
    .my-custom-tabs .activeTitle .toggle_icon:before {
        font-family: 'entypo-fontello';        
        content:'\e87b';
    }
    /* Active Tab Title */
    .my-custom-tabs .activeTitle.toggler {    
          border: blue;
    }
    /*
    #1167330

    Hey Coeval,

    That is default Chrome behaviour. Please add following code to bottom of Quick CSS field

    p.toggler:focus {
        outline: none;
    }

    Best regards,
    Yigit

    #1167347

    That worked! Great! Thank you!

    #1167353

    Hi,

    You are welcome! Let us know if you have any other questions or issues :)

    Best regards,
    Yigit

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘remove Accordion bluebox when selected’ is closed to new replies.