Need new CSS code to incorporate theme alteration & old widget location

• 

  naropatlc · Member · Oct 2, 2014 at 4:19 pm

  • Copy link
  • Add topic to favorites

  I was given a CSS code to use to center-align the text box (white background) of my site. In the theme I use, it is originally left-aligned. When I used this CSS code, the location of my widget moved (Categories; currently at the very bottom of my site). I would like this widget to be either along the right side of the site (fixed scrolling) or at the very top as it’s currently buried and will likely not be used since it’s at the very bottom. Is there a way to keep my text box aligned to the center of the page while also integrating this widget location?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Oct 2, 2014 at 5:46 pm

  • Copy link

  The content wasn’t actually left aligned before. The .site-content container div, which includes the content and sidebar actually stays centered, it just appears things aren’t because there is no background behind the widgets. If you temporarily remove the CSS you have and then add the following, you can see things stay centered as you narrow and widen your browser window.

  .site-content {
      background: #ccc;
  }

  Here is a screenshot with the above change in case you do not want to do the CSS experiment: https://cldup.com/df6aL2ugx2.png

  You can’t really center the “content” within the browser window without forcing the sidebar to the bottom of the screen, or forcing it outside of the right browser window margin which would require people to scroll horizontally to view the sidebar.

• 

  naropatlc · Member · Oct 3, 2014 at 8:32 pm

  • Copy link

  Thanks so much for your help with this. I am wondering if, because the background is grey, if there is a way to change the color of the word “Categories” on the widget as it’s currently yellow and is hard to see based on said grey background. If we would be able to change the background color to something other than grey, that is an option as well.

  Thanks again!

• 

  naropatlc · Member · Oct 3, 2014 at 8:33 pm

  • Copy link

  *it actually appears that “Categories” is in a lighter grey font. Not good!

• 

  hallluke · Member · Oct 3, 2014 at 9:36 pm

  • Copy link

  It looks pretty good in white:

  h1.widget-title {
    color:#fff;
  }

• 

  naropatlc · Member · Oct 3, 2014 at 10:42 pm

  • Copy link

  Thanks so much for your help!