Navigation
Archive / Add space between category items on portfolio archive page category menu
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • December 1, 2016 at 11:07 pm #1278400
    kateanita
    Participant

    Hello,

    For the portfolio archive page category menu above the thumbnails I’d like to add more space between items. I removed the slashes and now the items are too close together.

    http://homefed.stapkodesign.com/portfolio/

    I’d also like to bold the selected item in the menu.

    I’m using Ethos, and everything is up to date.

    Thank you!

    Katie

    December 1, 2016 at 11:51 pm #1278419
    Rupok
    Member

    Hi Katie,

    Thanks for writing in! You can add this under Custom > CSS in the Customizer.

    .option-set .x-portfolio-filters-menu > li {
  margin-right: 10px;
}

    Let’s adjust the value if needed.

    Hope this helps.

    Cheers!

    December 2, 2016 at 10:32 pm #1279535
    kateanita
    Participant

    That worked perfectly! You guys are the best, thanks so much.

    One more quick question regarding the same category filters on that page – how can I change the selected item to be bolded?

    Thanks again!

    Katie

    December 3, 2016 at 12:11 am #1279587
    Rue Nel
    Moderator

    Hey Katie,

    Thanks for updating us in! To change the selected item to be bold, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .option-set .x-portfolio-filters-menu > li > a.selected {
    font-weight: bold;
}

    Please let us know if this works out for you.

    December 3, 2016 at 4:16 pm #1280070
    kateanita
    Participant

    Worked perfectly, thanks so much!

    December 4, 2016 at 12:35 am #1280277
    Rue Nel
    Moderator

    You’re welcome!
    Thanks for letting us know that it has worked for you.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1278400 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>