Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1343206

    Hello,

    I’m interested in making changing the styles for the sort menu for the portfolio grid including:
    1. Making the sort menu font longer
    2.Changing the background color of the background color from white to match the page background color to #262626
    3. Changing the menu font colors and hover colors

    Thank you and Please Advise,

    #1343232

    Hey terishka1,

    Please try the following in Quick CSS under Enfold->General Styling:

    .sort_width_container .inner_sort_button span {
      font-size: 18px;
      color: red; 
    }
    
    .sort_width_container .inner_sort_button span:hover {
      color: blue; 
    }
    
    div.sort_by_cat {
      background: #262626;
    }

    Best regards,
    Rikard

    #1343540

    Hi,

    Thanks for this code. Everything worked except for the text size change.

    #1343574

    Hi,

    Thank you for the update.

    You can try this css code to adjust the font size of the sort buttons.

    #top .sort_by_cat a .inner_sort_button span {
        font-size: 100px;
    }

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1343732

    Great thanks,

    A few things additional issues I noticed:
    1. The / marks did not change size – how do I adjust those?
    2. Is there a way to change the color of the active category?

    #1343775

    Hi,

    Thanks for the update. Please try this CSS as well:

    1.

    .avia_sortable_active span.text-sep {
      font-size: 18px;
    }

    2.

    .active_sort .inner_sort_button span {
      color: red;
    }

    Best regards,
    Rikard

    #1422941

    Hi, i tried to insert the code to the active category but doesn’t work. Why?
    Again: how to order the category in a specific order? Is there a way?
    Thanks.

    #1423427

    Hi Stilecatalini,

    Please open a new thread and include a link to where we can see the problem in question.

    Best regards,
    Rikard

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Portfolio Grid Menu Customization’ is closed to new replies.