Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • July 13, 2021 at 7:55 pm #1310026
    samebluesky

    Hi!

    I have used the enfold documentation to change the tabs on the following page…
    https://techlystictdev.wpengine.com/what-we-solve-hosting/

    I’m wondering if there is a way to change the inactive tabs to be outlined in white with blue text? And the active tab would stay with the current styling (blue button with white text)?

    Thank you!

    July 15, 2021 at 11:12 am #1310235
    Rikard

    Hi samebluesky,

    Please try the following in Quick CSS under Enfold->General Styling:

    .av-pill-tabs .av-tab-section-tab-title-container a {
    background: #fff;
    border: 2px solid #0061A0;
    color: #0061A0;
}

.av-pill-tabs .av-tab-section-tab-title-container a.av-active-tab-title {
    background: #0061A0;
    border: 2px solid #0061A0;
    color: #fff;
}

    Best regards,
    Rikard

    July 15, 2021 at 1:36 pm #1310285
    samebluesky

    Thanks Rikard!

    That worked except the inactive tabs font color is white. I added an “!important;” after color: #0061A0;. No luck.

    Any ideas?

    Really appreciate the help!

    July 15, 2021 at 1:45 pm #1310286
    samebluesky

    Ah! Sorry. I figured it out. I had to changed some previous quick CSS. That worked perfectly. You guys are amazing.

    Thank you!

    July 16, 2021 at 10:15 am #1310367
    Rikard

    Hi,

    Great, I’m glad that you got things working, and thanks for the update. Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

    July 16, 2021 at 4:06 pm #1310410
    samebluesky

    Feel free to close it! Thanks

    July 17, 2021 at 4:54 pm #1310511
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Square Tabs – Change Styling on Inactive Tabs’ is closed to new replies.