This topic has 10 replies, 3 voices, and was last updated 9 years by Laura.

  • Author
  • #61588
     amanavohra
    Participant

    I have a transparent menu, how can I change the header menu icon and text color to black? It always white

    How can I have menu with some links aligned left some space and then other links aligned right?

    #61589
     Laura
    Moderator

    Hello, could you share a link to your website? 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #61915
     amanavohra
    Participant

    I had to make my header non transparent to change colors but I have other issues

    you can view my website:
    http://devoir.me/canada
    you will need to enter the following to access it:

    welcome to access home page and then
    username: auav
    password: welcome

    Issues:
    group and member pages: http://devoir.me/canada/devoirs/
    1. How do i change the title background color from grey to blue
    2. How do i add content on groups and member pages similar to home page to show support , region and copyright info
    3. all group pages, how to change title background color?
    4. How do i remove title from group pages and just show breadcrumbs ?
    5. How do i change group icon colors for tabs such as manage, home etc?

    Thanks,

    #61927
     Laura
    Moderator

    Hello, here is the css for each point: (Add it to QUICK CSS in General Settings )

    1.

    COPY CODE
    
    section.container-wrap.main-title.alternate-color.border-bottom {
      background-color: rgb(112, 180, 239);
    }
    

    2. You cannot edit group pages, those are generated dynamically by the plugin.

    3. Point 1 will do

    4. You cannot edit the title only in groups, it would change everywhere.

    5. CSS CODE

    COPY CODE
    
    #buddypress div#item-nav ul #invite-groups-li a:before {
      content: "\e991";
      color: rgb(84, 128, 189) !important;
    }
    #buddypress div#item-nav ul #members-groups-li a:before {
      content: "\e995";
      color: rgb(84, 128, 189) !important;
    }
    #buddypress div#item-nav ul #activity-personal-li a:before, #buddypress div#item-nav ul #home-groups-li a:before {
      content: "\e8ed";
      color: rgb(84, 128, 189) !important;
    }
    #buddypress div#item-nav ul #settings-personal-li a:before, #buddypress div#item-nav ul #admin-groups-li a:before {
      content: "\e98b";
      color: rgb(84, 128, 189) !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #62073
     amanavohra
    Participant

    thanks

    1. How do i change the title background color from grey to blue
    When adding the css the background changes but then the text color is too dark and not readable – How do i change the text color from grey to may be white as well?

    2. You cannot edit group pages, those are generated dynamically by the plugin.
    If that’s the case, then how do i add a footer to group pages, similar to the home page?

    4. You cannot edit the title only in groups, it would change everywhere.
    That’s fine, I don’t want the title

    5. Adding the css for group icos , the color changes but then I loose the hover color change and highlighted icon color options. All icons are always blue regardless of being selected or not.

    #62085
     Laura
    Moderator

    Hello, for:
    1.

    COPY CODE
    
    section.container-wrap.main-title.alternate-color.border-bottom {
      background-color: rgb(112, 180, 239);
    }
    h1.page-title {
      color: white !important;
    }
    .kleo_framework.breadcrumb span a {
      color: white !important;
    }
    

    2.The footer should be visible everywhere, did you edit the footer css?

    4. If i hide the title, point 1 is useless, are you sure?

    5. Just add this css and change the color for the one you want in hover

    COPY CODE
    
    ul.responsive-tabs a:hover:before {
      color: blue !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #62154
     amanavohra
    Participant

    4. If i hide the title, point 1 is useless, are you sure?

    So for example for the group auav : http://devoir.me/canada/devoirs/auav/
    I see the title auav and then breadcrumbs Home / Devoirs / auav
    I am asking to remove the first auav only leaving the breadcrumbs as is this way the blue bar is smaller

    thanks

    #62159
     Laura
    Moderator

    Ohh okay, got it 🙂
    Here it is, just add it after the others

    COPY CODE
    
    section.container-wrap.main-title.alternate-color.border-bottom h1 {
      display: none !important;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #65679
     jaysea
    Participant

    Hello, I’m actually just wanting to change the header’s text color to something other than white. I’ve changed the color in the customize -> header, it’s even showing the color I selected for text but it still shows up white. I checked and unchecked the transparency for it since I know that has something to do, but even when having it off it shows transparent. What should I do? or what did I do wrong?

    #65684
     jaysea
    Participant

    Okay I found it, the color does change in buddypress, just not in default home. Anyway I can match the home page’s header with the rest of the site? thank you

    #66132
     Laura
    Moderator

    Hello, can you share a link? 🙂

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

Viewing 11 posts - 1 through 11 (of 11 total)

The forum ‘KLEO’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?