Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 26, 2016 at 3:39 am #571827
    cagraphicdesign

    I have an accordion item that has red borders and red + and – icons. Is there a way to change the icons to #3d71a1. If we have to change the borders on the accordion to blue as well I can live with that. I do not want to make a universal border color change, I just want it on that page only
    see:

    About Coaching

    Thanks!

    January 27, 2016 at 8:24 am #572657
    Vinay

    Hey cagraphicdesign!

    You can change the border color for main content from Enfold > General Styling > Main Content > border Color (on bottom right) Just delete the color to remove border. This will affect all main content border colors.

    If you wish you select or target only the according please sue the below css in Quick css in Enfold > general Styling

    
.page-id-274 .av_toggle_section {
     border:none!important;
}
.page-id-274 .toggle_icon{
color:#3d71a1;
}

    To target it on a single page you need to add pade ID class in front of the css https://www.youtube.com/watch?v=fLg2T1AvmFE

    Cheers!
    Vinay

    January 27, 2016 at 4:07 pm #572980
    cagraphicdesign

    Hi Vinay
    I tried it and it did not seem to change it.
    I placed the css at the end of the css that is already there. Here is what I have:
    li#menu-item-145 {
    background-color: #2f67b1 !important;
    }
    li#menu-item-85 {
    background-color: #2f67b1 !important;
    }
    li#menu-item-84 {
    background-color: #2f67b1 !important;
    }
    li#menu-item-83 {
    background-color: #2f67b1 !important;
    }
    #header_main .container, .main_menu ul:first-child > li a {
    min-width: 76px;
    }
    .main_color .avia-icon-list .iconlist_icon {
    background-color: #2F67B1;
    }
    body {
    font-size: 15px;
    }
    .page-id-274 .av_toggle_section {
    border:none!important;
    }
    .page-id-274 .toggle_icon{
    color:#2f67b1;
    }

    January 27, 2016 at 6:51 pm #573163
    Basilis

    Hi!

    Please provide your web site url as private data, can not load it at all as embeded object.
    That will help to check the code better from our side

    Cheers!
    Basilis

    January 27, 2016 at 9:29 pm #573268
    cagraphicdesign

    Sure. Thanks. It all there new

    January 28, 2016 at 5:32 pm #573901
    Vinay

    Hey!

    we are working on your ticket please be patient while we update the results here.

    We have added a new CSS block and please check the private content for screenshot of the current look.

    
/* Border Color */

.page-id-274 div.toggle_content, .page-id-274 .av_toggle_section p {  
    border:none!important;     
}
.page-id-274 .av_toggle_section span{
 border:1px solid #3d71a1!important;    
}

    Best regards,
    Vinay

    • This reply was modified 8 years, 11 months ago by Vinay.
    January 30, 2016 at 6:03 pm #575038
    cagraphicdesign

    Thanks,
    That worked perfectly. I actually wanted the border to remain so I just deleted that part of the css. Now it looks really snappy with the red border and blue – and + icons. My client felt the keeping them red looked like the Red Cross symbol… And as they say, the client is always right. ;-). You may close this ticket

    February 1, 2016 at 8:01 am #575601
    Rikard

    Hi,

    Great, glad we could help :-)

    Best regards,
    Rikard

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘can i override border colors on a single page’ is closed to new replies.