Okay
  Public Ticket #636862
Portfolio sort style
Closed

Comments

  • Oscar started the conversation

    Hello,

    I need to get rid of the text "Sort Portfolio:" in the beginning of the portfolio and have all the Categories listed as a menu all in the same line. I attach an image of my problem.

    Thank you

  •  8,996
    Tahir replied

    Hey ,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    .portfolio-filters-inline .container > ul li#sort-label {
    
        display: none !important;
    }

    Best.



    ThemeNectar Support Team 

  • Oscar replied

    It\'s great!

    How can I center all the categories to be all in one line and get rid of the label that represents the selected one in the left side?

    Thank you

  •  8,996
    Tahir replied

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    .portfolio-filters-inline #current-category { display: none !important; } .portfolio-filters-inline .container > ul li#sort-label { display: none !important; } .portfolio-filters-inline .container>ul { display: table !important; margin: auto !important; float: none !important; }

    Bes.t



    ThemeNectar Support Team 

  • Berny replied

    Hi there!

    Talking about customizing the portfolio sort box, can I get some help on why my box is so big? (see image)
    That deep red block is huge, and was so even before I changed the font size. Current custom css is:

    .portfolio-filters-inline .container > ul a, .portfolio-filters-inline .container > ul li#sort-label {
        font-size: 26px !important;
        line-height: 26px !important;
    }
    .portfolio-filters-inline .container > ul {
        float: none !important;
        display: table;
        margin: auto !important;
        max-width: 100% !important;
    }
    .portfolio-filters-inline #current-category {
        display: none !important;
    }


    Also, where is that white space coming from at the top? Any thoughts on what that is and how to eliminate it?


    Thank you,

    Berny

  •  8,996
    Tahir replied

    Hey ,

    I am getting a 404 page. 

    This might help write up Custom CSS: https://support.woothemes.com/hc/en-us/articles/203105957-Customizing-your-theme-with-Firebug .

    Thanks


    ThemeNectar Support Team 

  • Berny replied

    Thank you for the reply. The page 404'd just because we changed the name of the page.

    In any case, we couldn't get a look we like with the top of the portfolio sort, so went with a different approach. This is mainly due to my (our) lack of knowledge of editing such things, not necessarily a problem with the theme, although it would be nice to see more customization options like sort box height, etc. Still not sure why that extra bar of white was appearing, but once we removed the sort ability, that disappeared.

    I'll check out the Firebug that you recommended. Thank you for that. Feel free to mark this as resolved.

    Cheers

  • Berny replied

    Hi there,

    I tried tackling this issue again using Firebug, but I think there must be something still making the filter box huge. Here is my code:


    .portfolio-filters-inline.non-fw.first-section {
        padding-top: 0px !important;
    }
    .portfolio-filters-inline .container > ul {
        padding-top: 0px !important;
    }
    .portfolio-filters-inline.first-section {
        padding-top: 0px !important;
    }


    Any recommendations? http://chrystene.com/film-animation/

    Thank you!

  •  8,996
    Tahir replied

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :

    body .portfolio-filters-inline.non-fw.first-section {
        padding-top: 30px!important;
    }

    Thanks


    ThemeNectar Support Team 

  • Berny replied

    Perfect! Thank you very much!