[Welshgrass]

I am trying to style the "View As: Grid List" panel with custom CSS but although I can change it in Safari developer mode i cannot seem to change it in the ECWID Design panel.

I can lose it completely with:

div.ecwid-results-topPanel{
display: none !important;
}

but if I try to increase the text size using the code below nothing happens:

div.ecwid-results-topPanel{
font-size: 20px;
}

Something else is overriding the custom CSS. Any ideas if/how I can style this part of the store?

Many thanks in anticipation

[Maristany]

Try with something more specific

div.ecwid-results-topPanel-viewAsPanel div {
    font-size: 20px;
}

[Welshgrass]

Thanks Maristany that works beautifully.

I must take more note of the little grey triangles in Safari developer mode - I was not seeing the nested divs until clicking on them!

Being new to Ecwid and CSS when should a "div" be used before the "{" as none of the examples I've seen so far use that?

[Maristany]

You're welcome, the thing with selectors is that they're very flexible and in this case there's a rule in the default theme that sets the font size of div's in the "Top Panel" (Items Count, View As and Sort By)

div.ecwid-results-topPanel div {
    color: #333;
    font-size: 11px;
    font-weight: 400;
    display: inline-block;
}

You could have used that selector but as you just wanted to change "View As" panel div's, it was "div.ecwid-results-topPanel-viewAsPanel div".