Skip to:
Content
Pages
Categories
Search
Top
Bottom

How can I change the style of ONLY the navigation bar on my groups profile page? [Resolved]


  • izzyian
    Participant

    @izzyian

    For example I thought this selector would work .home , because it appears to work but then the style leaves as soon as I click a new tab on the same page like the “Activity” tab for example?

    An example of a piece of my code with the selector :

    .home #object-nav {
      margin-bottom: 15px;
      margin: 15px;
      /* width: 100%; */
      overflow: hidden;
      border-radius: 5px;
      border-left: 1px solid #fa755d;
      border-top: 1px solid #fa755d;
      border-right: 1px solid #ce4b34;
      border-bottom: 1px solid #ce4b34;
      border-style: solid none none;
    }

    What selector do I use so the style stays even when someone clicks on a different tab on the same group page?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Groups or ‘Group’ have a series of unique body classes that ought to provide all the styling parent/antecedent hooks you might need. A single group has ‘.single-item’ ‘.groups’ common to all of a groups screens, then for individual component screens they will have their own class as in ‘group-members’ using a combination of these should let you style as you require – .single-item.groups {} should give you all screens. In 2.2 I’ve put a patch in to add the group name to the boddy class array so we should have that available too in future for easy group distinction.


    izzyian
    Participant

    @izzyian

    @hnla ,

    1.) Thank you the above worked, but regarding having the current selected item remain highlighted I tried this .groups.single-item #object-nav ul .current , But it did not work? any recommendations?.

    2.) What about for someones personal account? .my-account #object-nav is again only temporary and the styles leave when a new tab is clicked.

    — Thank you for your help


    izzyian
    Participant

    @izzyian

    Forget answering the above questions , I figured it out thank you for helping me 🙂

    🙂 closing as resolved then.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How can I change the style of ONLY the navigation bar on my groups profile page? [Resolved]’ is closed to new replies.
Skip to toolbar