How to customize (with CSS) some features of The Columnist?

• 

  justpi · Member · Apr 21, 2013 at 4:42 pm

  • Copy link

  You’re welcome.
  As for the rest: First, I’m not going to help you with something I consider wrong. Second, instead of answering any other questions of the type what’s-the-selector-for-this, I’ll try to help you with Firebug. Check the screenshot:
  http://wpbtips.files.wordpress.com/2013/04/firebug.png
  Usually you set the left column to HTML and the right to Style, so you see structure left, CSS right. If you click the “Inspect element” tool then hover over an element on the actual blog page, a blue rectangle will enclose the element (as around the header on the screenshot). If that’s the element you want, you click on it. Same things when you hover over a tag in the HTML column. You can also click the grey triangles to reveal subsections. In the Style column you can change values and/or add or remove properties and values.

• 

  musicuratum · Member · Apr 21, 2013 at 5:41 pm

  • Copy link

  Well, I was thinking of sparing those with monitors of that width or smaller a little bit of horizontal scrolling, and that’s why I asked how to reduce the margin on the left; but I’ll just leave it be and let them scroll, then.

  Thanks for the tip about Firebug, I’ll give it another try.

• 

  musicuratum · Member · Apr 21, 2013 at 5:50 pm

  • Copy link

  Well, I just tried it again, and I see that it’s possible to “inspect” some items, though what I should look for then in all that code is a bit of a mystery. But the main problem is that it doesn’t seem possible to select the small items, such as a headline, as the blue rectangle around the large elements blocks them out. Is there some way around this?

• 

  justpi · Member · Apr 21, 2013 at 11:46 pm

  • Copy link

  I already gave you a tip re this: you click the horizontally oriented triangles to reveal the nested elements.

• 

  musicuratum · Member · Apr 22, 2013 at 1:23 am

  • Copy link

  Which of course are identified with the terms I’m looking for — but if I knew what they were, specifically in this or that case, I wouldn’t have to be looking them up, would I?

  And even so, some items, the ones I’m interested in identifying, simply remain hidden behind the blue rectangles relating to others. Really, it’s far from an easy system to use.

• 

  justpi · Member · Apr 23, 2013 at 3:51 pm

  • Copy link

  You didn’t notice this:
  “Same things when you hover over a tag in the HTML column.”
  After you reveal the nested HTML tags, you can hover over them and see which one produces the rectangle around the item you’re looking for.
  And again this isn’t necessary when the tag encloses some obvious content; for instance, you don’t need the rectangle to realize that this item is the post date:
  <time class="entry-date" ETC ETC">April 14, 2013</time>