Before you ask please READ THIS

Filter bar

edited January 2015 in Hypershot Posts: 65
Hi,
The filtering of album genres using the filter bar is working good, but it's display is making a strange output and covering my album's bricks. (www.nomadnocry.com)

Is there a way to customize this filter menu and:

- Put its background color menu to transparent
- Change its position in the album list page
- Diplay filter items in column instead of rows
- Make it appear in the header instead

Many thanks for your support,

Comments

  • AirAir
    Posts: 10,970
    Hello :-)

    I understand that you wish one of those, not all together:-)
    charlyzbox said: - Put its background color menu to transparent
    Then text in filters wont be visible
    charlyzbox said: - Change its position in the album list page
    To where? Filter is positioned with CSS so you can make it easy I believe.
    charlyzbox said: - Diplay filter items in column instead of rows
    It is not good idea in wide screens and such layout. It is vertical when screen gets narrower.
    charlyzbox said: - Make it appear in the header instead
    It would be hardest. BUT we could try to add some padding, so filter won't cover your images.

    Try with such custom CSS first:
    #albums-filter {
    position: static;
    }
    With kind regards.
  • Hi and thank you for your support.
    I added this custom CSS :
    #albums-filter {
    position: static;
    }
    But seems it doesn't affect the display. Same result.
    The ideal would be that the filter bar is located on top of the albums bricks not on the albums.
    Kind Regards,
  • AirAir
    edited January 2015 Posts: 10,970
    Where did you add this CSS? Cause I can't see it on your site, but I see it is overwritten by general styles, so you should use different method of adding custom CSS, for example plugin like this http://wordpress.org/extend/plugins/pc-custom-css/ activate it, and next go to Appearance->Custom CSS. There you can insert your custom CSS. If it won't work be sure to set Permalinks like explained here http://support.apollo13.eu/discussion/comment/3831#Comment_3831

    OR you try stronger rule with such CSS instead:
    #albums-filter {
    position: static !important;
    }
    With regards.
    Post edited by Air on
  • Hi,
    Working with the stronger rule.
    Thx :-)
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!