Change color / gradient of vertical tabs

pending (4 posts) (3 voices)

  1. Brickso
    Member

    Hi,

    I was just wondering if there was a way to change the color of the vertical tabs. I like the skin I'm using but I find the tabs to be a little light. If I could maybe darken the gradient a little or change the color that would be great. I've attached a screenshot to better help explain. Any help or advice would be appreciated.

    Thanks!

    Attachments

    1. barcolor.png (18.3 KB, 2 downloads) 4 years old
    Posted 4 years ago #
  2. Elliott
    Support

    Hello Brickso,

    Open up /wp-content/themes/[your_theme]/shortcodes.css and around line 816 you can find the CSS for that,

    .tabs_vertical li a,.featured_tabs li a{-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.04) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.04) inset;box-shadow:0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.04) inset;}
    .tabs_vertical li.current a,.featured_tabs li.current_page_item a{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.04);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.04);box-shadow:0 1px 0 rgba(0,0,0,0.04);}
    Posted 4 years ago #
  3. roppy
    Member

    I want to change the color of the tabs in the jCarousel (< and >) to a much darker color. I found this on the forum, but I can not find the below lines. I would think they are under /* Vertical Tabs. Any simple CSS code on the page I can use?

    Robert

    Hello Brickso,

    Open up /wp-content/themes/[your_theme]/shortcodes.css and around line 816 you can find the CSS for that,

    .tabs_vertical li a,.featured_tabs li a{-webkit-box-shadow:0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.04) inset;-moz-box-shadow:0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.04) inset;box-shadow:0 1px 0 rgba(255,255,255,0.4),0 -1px 0 rgba(0,0,0,0.04) inset;}

    .tabs_vertical li.current a,.featured_tabs li.current_page_item a{-webkit-box-shadow:0 1px 0 rgba(0,0,0,0.04);-moz-box-shadow:0 1px 0 rgba(0,0,0,0.04);box-shadow:0 1px 0 rgba(0,0,0,0.04);}

    Posted 3 years ago #
  4. Elliott
    Support

    Send us a link and we'll take a look.

    Posted 3 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