Sidebar and Avatar
- This topic has 6 replies, 3 voices, and was last updated 10 years ago by .
Viewing 7 posts - 1 through 7 (of 7 total)
Viewing 7 posts - 1 through 7 (of 7 total)
- You must be logged in to reply to this topic.
Tagged: bbpress Login widget, sidebar
Hello,
Apologies if this issue has already been posted before, but I’m having a hard time locating the search function in the forum..
We’ve customized our landing page and inserted bbPress login widget in the sidebar so that our users can easily login. However, a yellow button keeps appearing after a couple of seconds which changes the layout we want for the Sidebar (see attached). Did anyone came across the same issue?
Thanks heaps,
The Doxtra team
Hi Doxtra Team @doxtra –
Thanks for reporting this. Is is possible that you could share a link so that we can trace where this is coming from. Buttons of that same color are definitely active in this screen, but it would be easier for the dev team to pinpoint the cause if you can provide an active link.
Also, we are coming out with a new version of CBOX very soon to be compatible to the newest version of BuddyPress and WordPress. Don’t know if this might be an issue with your site.
Thanks!
Hi Scott,
Thank you for the quick reply 🙂 Our amazing site is located at http://doxtra.org
We are a group of PhD students at the University of Strasbourg and we are quite amazed by all the possibilities of CBOX. So we’re eagerly looking forward to the new version!
Christophe for Doxtra
@doxtra There’s a Javascript in the CBOX theme that adds classes button
and orange
to links which already have the class submit
. It’s a rather awkward thing to get around.
Rather than change the bbPress widget (which wouldn’t be sustainable as it would be overwritten at the next upgrade) I would recommend you add some custom CSS to style the avatar link more appropriately. It would have to have a greater specificity than the existing CSS to take effect. Something like the following:
#sidebar .bbp-logged-in a {
background: none !important;
border: none;
box-shadow: none;
float: left;
margin: 0;
padding: 0;
}
Cheers, Christian
You guys are seriously the best!!! Thanks Christian. I’ve tried exactly that and it works. The only issue now is that a line appears right in the middle of Avatar… I thought playing with the margin/padding size would help, but it only creates more confusion. Any idea?
Thanks heaps,
Christophe for Doxtra
You could remove it like this:
#sidebar .bbp-logged-in h4 {
border: none;
}
Cheers, Christian
Hi Christian, thank you. It worked flawlessly.
Looking forward to the new version and would be happy to help/test/showcase…
Christophe