Nice site. Which style is that?

How do I put "Our Community" down in the footer?

How do I make my sidebar a black background? FYI: I use Widget Framework

Thanks!!
 
That style is a customization of Core with lots of little details added.

Adding widgets to the footer is fairly easy:

Screenshot_3.png


We have a hook in each block, so you can use: xbFooterHook1/2/3/4 for the position. Make sure you clear the UL list in the block 2 property, leaving the h3.

The css is pretty easy for it:

Code:
#widget-13 dl
{
   border-bottom: 1px solid rgb(31, 31, 31);
   border-top: 1px solid rgb(9, 9, 9);
   padding: 5px 0;
}
#widget-13 dl:last-child
{
   border-bottom-width: 0px;
}
#widget-13 dl:first-child
{
   border-top-width: 0px;
}
#widget-13 > h3
{
   display: none;
}
.footerBlock .sectionMain.sidebar
{
   background-color: rgba(0, 0, 0, 0);
   border-width: 0;
   padding: 0;
}

Replacing 13 with your own widget ID which you can find when you edit the widget in the URL bar.

I'm not one to keep stuff to myself, but keep in mind this is a work in progress I haven't actually completed the dark sidebar.

I'd create a new template and include it in your extra.css:

create template -> sidebarextra.css

in extra at the top:

Code:
<xen:include template="sidebarextra.css" />

Then the code for that template:

Code:
.tagCloud .tagCloudTag4
{
   color: orange;
}

.XenBase .sidebar
{
   background-color: #202020;
   border-radius: 5px;
   color: #8c8c8c !important;
   padding: 0px !important;
   margin-top: 10px;
}
.sidebar a
{
   color: #8c8c8c;
}
.XenBase .sidebar .secondaryContent
{
   background-color: transparent;
   border-width: 0px;
   padding-right: 15px;
   padding-left: 15px;
}
.XenBase .sidebar .section, .XenBase .sidebar .secondaryContent
{
   margin-top: 0px;
   padding-top:0px ;
}
.XenBase .sidebar .section .primaryContent h3, .XenBase .sidebar .section .secondaryContent h3, .XenBase .profilePage .mast .section.infoBlock h3
{
   margin: 0px -15px 10px;
   box-shadow: none;
   border-right-width: 0px !important;
   border-left-width: 0px !important;
   border-radius: 0px;
   padding-left: 20px;
}
.XenBase .sidebar h3:before
{
   left: 0px;
}
.XenBase .sidebar h3:after
{
   display: none;
}
.XenBase .sidebar .section:first-child h3
{
   border-radius: 5px 5px 0px 0px !important;
}
.XenBase .profilePostListItem {
   border-bottom: 1px solid #000;
   border-top: 1px solid #282828;
   margin: 0;
   padding: 7px 0;
}
.XenBase .WidgetFramework_WidgetRenderer_ProfilePosts_ProfilePostList
{
   border-bottom: 1px solid #282828;
}
.sidebar textarea
{
   background: none no-repeat 0 0 #0d0d0d !important;
   border: 1px solid #232323 !important;
   padding: 8px;
   color: #FFF !important;
}

It'll make it easy and keep it apart from the other styling.
 
Thank you for all of your assistance I really appreciate it!!

In regards to the footer. What did I miss? I put the code in extra.css

Code:
#widget-22 dl
{
  border-bottom: 1px solid rgb(31, 31, 31);
  border-top: 1px solid rgb(9, 9, 9);
  padding: 5px 0;
}
#widget-22 dl:last-child
{
  border-bottom-width: 0px;
}
#widget-22 dl:first-child
{
  border-top-width: 0px;
}
#widget-22 > h3
{
  display: none;
}
.footerBlock .sectionMain.sidebar
{
  background-color: rgba(0, 0, 0, 0);
  border-width: 0;
  padding: 0;
}
 

Attachments

  • Screen shot 2015-08-17 at 4.14.07 PM.png
    Screen shot 2015-08-17 at 4.14.07 PM.png
    13.4 KB · Views: 12
  • Screen shot 2015-08-17 at 4.15.12 PM.png
    Screen shot 2015-08-17 at 4.15.12 PM.png
    18.4 KB · Views: 13
  • Screen shot 2015-08-17 at 4.18.01 PM.png
    Screen shot 2015-08-17 at 4.18.01 PM.png
    12 KB · Views: 13
Interesting... your stats aren't even working period. What version of the framework are you on?

Technically you can fix the styling of the white:
Code:
.footerBlock #boardStats.secondaryContent {
background-color: transparent;
padding: 0px;
border-width: 0px;
}

But it's still not counting stats on your board for some reason.

Also PM'd you about something
 
I'm using AndyB statistics. That is probably screwing things up. I tried with the default statistics and it still doesn't show. Can't get the white background to be black.

Answered your PM earlier.
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back