Category Display - Slider Vertical - Text & BG

-- HikaShop version -- : HikaShop Business: 2.6.3
-- Joomla version -- : 3.6.2

Hi,

On this Page : I am using a Category Display with a vertical slider and want to edit the css for the category name color and the background to that text (pre-sliding)

I tricky bit is that I cannot inspect it with firebug as it moved up.

I 'think' it is the <span class="hikashop_category_name">, but I tried to add that to custom css but no luck with a changes.

Any clues greatly appreciated.

Regards

Simon

Hi,

Firebug shows you the complete HTML output (and its CSS), no matter what moves on hover or not. Please see attachment.

Assuming that you want to make the category name on the dark background better readable while leaving the category name during hovering as is, you'll need to first target the correct element, plus be more specific with your CSS regarding the wrapping container, like e.g.

.hikashop_img_pane_panel > .hikashop_category_name > a {
    color: #fff;
}

Hi lousyfool,

Greatly appreciated!

And thanks for the tip with Firebug.!