BuddyDev

Search

Custom right/left panel sidebar

  • Participant
    Level: Enlightened
    Posts: 120
    nana on March 30, 2017 at 4:45 pm #8335

    How can I set the right and left panel sidebar colors? I have tried with css but I can not, the color changes for all the widgets

    Thanks!

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on March 31, 2017 at 9:59 am #8341

    Hi Nana,
    currently we haven’t provided customizer control for it. If you are comfortable with css, Please feel free to do it via custom css section.

    We are planning a release early next week(Tuesday in all possibilities) to allow customizing panels and the item grid backgrounds.

    Thank you
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 120
    nana on March 31, 2017 at 12:42 pm #8342

    Okay, thanks, but when I modify the .widget css, all of the page changes. And I want main sidebar in white, but left / right panel sidebar in another color. Okay, I’ll see what I can do.

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on March 31, 2017 at 5:24 pm #8351

    Hi Nana,

    .widget is the generic class to target widgets inside the panels, please use

    .panel-sidebar .widget{}

    You can even target the lest/right panels differently using
    #panel-left .widget {}
    #panel-right .widget {}

    Hope that helps.
    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 120
    nana on March 31, 2017 at 6:05 pm #8352

    Hi Brajesh

    I added:

    .panel-sidebar .widget {

    Background-color: # cb1919;

    }

    However, I managed to change the color with:

    .panel-sidebar {

    Background-color: # cb1919;

    }

    What do you think?

    On the other hand could I put my logo.png centered, as seen in the mobile version?

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on April 1, 2017 at 11:05 am #8354

    Hi Nana,
    can you please post me a screenshot and I will be able to help for the logo.

    About the background, depends on which background you are rying to change. The last will change for the whole panel, the .panel-sidebar .widget will do it for individual widgets inside the panel.

    Regards
    Brajesh

  • Participant
    Level: Enlightened
    Posts: 120
    nana on April 6, 2017 at 11:38 am #8406

    Hi Brajesh

    Let’s see if I can explain myself, hehe

    This is my index. Designed with Maximus: She has a large central logo and menu underneath.

    [IMG]http://i64.tinypic.com/1y65uw.jpg[/IMG]

    So, my buddypres pages (groups, members …) as they can not be designed with Maximus (I believe) they look like this:

    [IMG]http://i64.tinypic.com/30mmwlj.jpg[/IMG]

    So, I want it to look like my index, something like this (or best! 😉 ):

    IMG]http://i68.tinypic.com/2nvqetd.jpg[/IMG]

    Is it possible to make these pages with Maximus? Or at least match the design with the index?

  • Keymaster
    (BuddyDev Team)
    Posts: 24623
    Brajesh Singh on April 6, 2017 at 1:23 pm #8410

    Thank you for the details Nana.
    It is doable. I will post some code today for it 🙂

  • Participant
    Level: Enlightened
    Posts: 120
    nana on April 11, 2017 at 2:16 pm #8568

    Ok, thanks Brajesh!
    And another thing that was unresolved is the sticky menu, although I do not know if with this new design can be done

    😉

  • Participant
    Level: Enlightened
    Posts: 120
    nana on April 19, 2017 at 1:27 pm #8648

    Hi Brajesh! 😉

    What about?

You must be logged in to reply to this topic.

This topic is: not resolved