Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 4, 2022 at 8:33 pm #1343206
    terishka1

    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,

    March 5, 2022 at 9:49 am #1343232
    Rikard

    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

    March 7, 2022 at 9:40 pm #1343540
    terishka1

    Hi,

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

    March 8, 2022 at 7:12 am #1343574
    Ismael

    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

    March 8, 2022 at 8:35 pm #1343732
    terishka1

    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?

    March 9, 2022 at 8:38 am #1343775
    Rikard

    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

    October 18, 2023 at 10:43 pm #1422941
    Stilecatalini

    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.

    October 23, 2023 at 4:12 pm #1423427
    Rikard

    Hi Stilecatalini,

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

    Best regards,
    Rikard

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