Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • September 18, 2014 at 1:15 am #320820
    mcraig77

    Hello I need some help with the Accordion Style.

    I need the following:
    1. Change the title to be the h3 title style
    2. Remove all boarders and inner color so it is just white
    3. Change the highlight color

    Thanks!

    September 18, 2014 at 8:39 am #320979
    Ismael

    Hi mcraig77!

    Thank you for using Enfold.

    1.) I’m not sure what you mean by h3 styles but you can change the font style of the accordion title with this:

    main_color .toggler {
color: red;
font-size: 15px;
}

    2.) Remove borders with this:

    .togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler, .toggle_content {
border: none;
}

    3.) Change the active tab with this:

    toggler, .main_color .toggler.activeTitle:hover {
background-color: red;
color: blue;
}

    Regards,
    Ismael

    September 18, 2014 at 8:33 pm #321460
    mcraig77

    Ahoy,

    Thanks for this. I’m still having a few issues with the above code. Here is a link to the page. http://www.fertilizersusa.com/?page_id=3344#toggle-id-2

    I need the following:
    1. Change the title to be the h3 title style

    The code didn’t work. I need each title font (Ex. About Us, Our Mission, Etc) to be formatted the same at the H3 function on my site. The font is “Kreon” and is the color brown #4c3400. Thanks!

    2. Remove all boarders and inner color so it is just white

    ALL GOOD! THANKS

    3. Change the highlight color

    The code didn’t work.

    • This reply was modified 10 years, 3 months ago by mcraig77.
    September 18, 2014 at 8:34 pm #321464
    mcraig77
    • This reply was modified 10 years, 3 months ago by mcraig77.
    September 21, 2014 at 9:02 am #322595
    Dude

    Hey!

    1) Use this code to change the style of the title:

    
.togglecontainer .single_toggle:first-child .toggler, .togglecontainer .taglist + .single_toggle .toggler {
font-family: 'Kreon', 'HelveticaNeue', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 1.1em;
}

    3) Try this code instead:

    
#top #wrap_all .main_color .toggler.activeTitle {
background-color: red;
color: blue;
}

    Cheers!
    Peter

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.