Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1105679

    Hi everyone,

    I’m working on this section of my website; http://www.mybrightspark.com/features/

    As you can see, the page makes use of a Tab Section to highlight the various features that our solution provides.

    However, I’ve been trying to give each “Mini-feature” its own background of color, but the editor wont let me insert a Color Section, into the main Tab Section where everything is held. I wanted to see if there was a way around this restriction, as I’d like to give each “Mini Section” it’s own color.

    I hope that I’ve clarified what my issue is, however I can provide further information if needed.

    Thanks in advance!

    #1106228

    Hey Dzammit,

    You would need custom CSS to achieve that, which part of the tab section exactly are you looking to apply a background to?

    Best regards,
    Rikard

    #1106702

    Hi Rikard,

    Thanks for replying. I’m looking to have each section alternate between white and grey.
    For example; in section “Manage”, I’d want “Contract Monitoring” to be over a grey background, then “Manage Sensitive Documents” would be white, then “Work Permit Management” would again be over a grey background.

    I’ve already tried a bit of CSS but I don’t have enough expertise to be able to achieve this.
    Please let me know if there’s anything I can do to make this happen.

    Regards

    #1106909

    Hi,

    Thanks for the update. Please try this in Quick CSS to see if you have any luck with it:

    .av-layout-tab:nth-child(odd) {
      background-color: red;
    }
    .av-layout-tab:nth-child(even) {
      background-color: green;
    }

    Best regards,
    Rikard

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.