Framed Toggles Bar Color

resolved (7 posts) (2 voices)

  1. I've just updated to the latest version of Elegance (2.3) and am trying to implement Framed Toggles. The Toggles themselves are working correctly but I cannot figure out how to change the color of the entire bar to a dark gray (#555) to match the rest of my site. I've looked in the "shortcodes.css" file under the "09. JQUERY TOGGLES" section and have tried everything I can think of… but no luck.

    Here's a link to the page of my site so you can see what I mean:
    http://mercuryrisingmusic.com/music/lostwithoutlyrics/

    I've also attached an image of the look I'm trying to achieve.

    Attachments

    1. FramedToggleColorBar.jpg (95.3 KB, 2 downloads) 4 years old
    Posted 4 years ago #
  2. Elliott
    Support

    Hello chrisgillgraphics,

    Add this to your custom CSS,

    .framed_toggle { background: transparent !important; border: 0px !important; }

    Posted 4 years ago #
  3. Thanks for the quick response. Unfortunately this didn't solve the issue.

    Posted 4 years ago #
  4. Elliott
    Support

    Sorry, switch it to this,

    .toggle_frame { background: transparent !important; border: 0px !important; }

    Posted 4 years ago #
  5. That did the trick! I atually changed it to .toggle_frame { background: #555 !important; border: 0px !important; } to get the look I was going for. However, now it appears that there's a bit of a padding issue:

    http://mercuryrisingmusic.com/music/lostwithoutlyrics/

    Attachments

    1. Screen_Shot_2013-08-21.png (25.4 KB, 0 downloads) 4 years old
    Posted 4 years ago #
  6. Elliott
    Support

    Add this,

    .toggle_frame { padding-bottom: 1px !important; }

    Posted 4 years ago #
  7. That did it! Thanks so much for your help! Just in case anyone else needs these two lines in the future:

    1) Changes Bar Color
    2) Fixed Bottom Padding

    .toggle_frame { background: #555 !important; border: 0px !important; }
    .toggle_frame { padding-bottom: 1px !important; }

    Posted 4 years ago #

Reply

You must log in to post.

Construct WordPress Theme
Construct wordpress theme
Myriad WordPress Theme
Myriad wordpress theme
Method WordPress Theme
Method wordpress theme
Fusion WordPress Theme
Fusion wordpress theme
Elegance WordPress Theme
Elegance wordpress theme
Echelon WordPress Theme
Echelon wordpress theme
Dejavu WordPress Theme
Dejavu wordpress theme
Modular WordPress Theme
Modular wordpress theme