sidebar widgets font

Homepage › Community Forums › Legacy Theme Support › sidebar widgets font

Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • January 15, 2013 at 10:59 pm #2478
    tjd
    Customer

      Hello from Tokyo,

      It seems the sidebar widgets are globally controlled for font, font color, & size. My site map, built w/widgets, is the same color grey as in the sidebar. What css code can I adjust to change the font characteristics?

      (BTW, this site is coming along nicely…thank you) 

      tomjdolan.com

      Thanx,

      Tom

      January 16, 2013 at 9:02 pm #2483
      Wes
      Moderator

        Take a look in your css for – “.sidebar” should be around line 1442.  You can adjust the font sizes there (just change it to px instead of em if you want).  To change the titles you can add – .sidebar .widgettitle or .sidebar h4

        January 17, 2013 at 1:42 am #2484
        tjd
        Customer

          Hi Wes,

          Actually the above code solved another small issue for me by changing the widget Title font & color. Thanx.

          But I was looking for a way to change the color of the font within the widgets. I installed the Genesis widgetized Archive to build my Archive Page. The result is the Archive Page content is the same light grey as the sidebar widget content. I’d like to be able to darken both for better readability and I suspect one css. code controls the color of all sidebar widget content…although I could easily be mistaken. So,

          How do I change the font color of the Sidebar widget content?

          Thanx Wes,

          Tom Dolan

          tomjdolan.com

          January 17, 2013 at 9:24 pm #2499
          Wes
          Moderator

            You would add your font color in the same place mentioned above….. example – color: #ff0000;

            January 18, 2013 at 12:32 am #2500
            tjd
            Customer

              Hi Wes,

              Well I’m not having any luck changing the Sidebar content font color. So I’ve copied the code as I have it now:

              /* Primary / Secondary Sidebars

              ———————————————————— */

               

              .sidebar {

              display: inline;

              float: right;

              font-size: 0.875em;

              color: #000000;         <added the #color here

              line-height: 1.5em;

              width: 260px;              < yesterday I narrowed the sidebar to create more space between the Post content and sidebar.  This worked ok.

              }

               

              .sidebar .widgettitle {                <I added here and it seemed to work ok, but I can’t be sure the ariel font selection worked, my feeling is it didn’t.

              font: ariel !important;

              font-size: 16px;

              color: #000000;

              }

              So that’s what I’ve got so far and the font color remains grey. Suggestions please.

              Thanx,

              Tom

              January 18, 2013 at 3:21 pm #2508
              Wes
              Moderator

                Try adding your color to “.sidebar p” around line 1475 in your css and it should work.

                January 18, 2013 at 9:02 pm #2511
                tjd
                Customer

                  Good Morning from a Bright Sunny-but-Cold Tokyo,

                  Well that code worked just fine.

                  Thanx Wes.

                  January 18, 2013 at 11:17 pm #2513
                  Wes
                  Moderator

                    You’re Welcome

                  • Author
                    Posts
                  Viewing 8 posts - 1 through 8 (of 8 total)
                  • You must be logged in to reply to this topic.