Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 31, 2019 at 1:45 pm #1105679
    Dzammit

    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!

    June 2, 2019 at 3:06 am #1106228
    Rikard

    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

    June 3, 2019 at 1:35 pm #1106702
    Dzammit

    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

    June 4, 2019 at 4:45 am #1106909
    Rikard

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.