JQuery Base Styles Only: Add simple tabs

  • Resolved meltdown2

    (@meltdown2)


    9 years, 10 months ago

    Thanks for this great plugin. I prefer the simple look of the “JQuery Base Styles Only” theme, but would like to have simple tabs. Is there an easy way to achieve this?

    My original intention was to modify an existing theme, but have been unsuccessful in my attempts to do so.

    The page in question is here: hearingclub.org/compare-hearing-aids/

    Thanks for any suggestions you may have.

    https://wordpress.org/plugins/squelch-tabs-and-accordions-shortcodes/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Thread Starter meltdown2

    (@meltdown2)

    9 years, 10 months ago

    Or, if it would be easier, how exactly can I change the styling for existing themes? I can’t seem to determine what steps I should be following.

    Basically I’d like to strip away all excess styling and be left with a “JQuery Base Styles Only” look, but with tabs.

    Thanks again

    Plugin Author Matt Lowe

    (@squelch)

    9 years, 10 months ago

    Hi, I’m not 100% sure what you’re trying to achieve. Basically all of the styling information is in the documentation:

    http://squelchdesign.com/wordpress-plugin-squelch-tabs-accordions-shortcodes/#styling

    Look in the “Tabs” tab for details of the basic styles you’ll need to modify.

    Thread Starter meltdown2

    (@meltdown2)

    9 years, 10 months ago

    Thanks for your response – I see it now! I’ve been able to make the proper adjustments.

    There is one item I can’t seem to track down: How can i change the color of the active tab link? I’ve tried the following:

    .squelch-taas-override.ui-state-active a:link {
color: #852727;
}

    The page is here: hearingclub.org/compare-hearing-aids/

    Thanks again

    Plugin Author Matt Lowe

    (@squelch)

    9 years, 10 months ago

    .squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-active a,
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-active a:link,
.squelch-taas-override.squelch-taas-tab-group.ui-tabs .ui-state-active a:visited {
    /* Styles relating to the text of the active button */
}
    Thread Starter meltdown2

    (@meltdown2)

    9 years, 10 months ago

    That did it – Thanks!

    Mark this resolved 🙂

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘JQuery Base Styles Only: Add simple tabs’ is closed to new replies.