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

    Hi everyone,

    I’m working on this section of my website;

    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!


    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,


    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.




    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,

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

You must be logged in to reply to this topic.