Styling of alx-tab headers

  • Resolved darossi

    (@darossi)


    8 years, 8 months ago

    Hello

    Is it possible to change the formatting of the individual headers on the Alx-tabs widgets?

    For example, I have three tabs, Recent Posts, Popular Posts and Comments. I would like to change the background of the tabs themselves (i.e. Where the icons are).

    If I inspect each element on internet explorer I can see that each has an li class, e.g <li class=”Alx-tab tab-recent”> but if I try to apply a style to this class in my child style.css file, it does not work.

    Thanks for any assistance!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi darossi. Welcome to the Hueman forum. The example you posted actually contains two classes; “Alx-tab” and “tab-recent”. If you use them both they need to be concatenated, like so:

    .alx-tab.tab-recent {
  background: red;
}

    If you’ve done that, and it still doesn’t work, then there is some other issue. If you can post a link to your site I’ll take a look.

    Thread Starter darossi

    (@darossi)

    Thank you! Worked a treat

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Styling of alx-tab headers’ is closed to new replies.

Tags