What is customizable in a theme?

• 

  danlewer · Member · Feb 25, 2007 at 2:17 pm

  • Copy link
  • Add topic to favorites

  Hi there,

  I’m quite new to CSS and I’ve been trying to work out the relationship between the ‘theme’ I’ve chosen and the limits to customization.

  I chose the ‘neat’ theme and changed a few things on it. The particular thing I’m struggling with now is the little blue arrow that appears before my blog entry titles. I want to remove them but can’t find the code in the stylesheet referring to them.

  Is this because they are part of the ‘theme’ and therefore not defined in the CSS?

  My blog is http://inbalance.wordpress.com/

  Many thanks
  Dan

• 

  cornell · Member · Feb 25, 2007 at 3:21 pm

  • Copy link

  Dan

  Do you use Firefox? If so there is a fab little extension called the Web Developer Toolbar.

  Using this I can hover over the element I want info on and it will tell me the CSS for it. In the case of that arrow the CSS that is provided is:

  * Next's that image before the post title */
  
  img.lefth2img {
  	margin: 0;
  	padding: 0 5px 0 0;
  }

  And right under it is the same arrow, but for the sidebar. All of the CSS is customisable for things like this but it can take some searching.

  Hope this helps!

  Collin

  EDIT: Crap. That won’t in fact help you at all, it’s just the spacing. Hang on while I search for more info…

• 

  cornell · Member · Feb 25, 2007 at 3:40 pm

  • Copy link

  Well, after 20 minutes of searching through the CSS, trying to get to the original author’s website and failing and struggling to figure this out I am afraid I am going to have to go “meh” and admit it has me stumped.

  The original image is called “h1.gif” but I can find no reference to it at all in the CSS.

  Perhaps atthe404 or Sunburntkamel will be able to provide more information?

  Guys….

• 

  drmike · Member · Feb 25, 2007 at 4:27 pm

  • Copy link

  Take a look at teh source. It’s hardcoded into the theme as a regular image tag. It does have a class of “lefth2img” though. Wouldn’t hiding that work with a display:none?

• 

  atthe404 · Member · Feb 25, 2007 at 4:54 pm

  • Copy link

  That is a neat workaround. OT I do not know why WP allows this hardcoded CSS in themes. So just to summarise drmike’s idea for the OP

  .lefth2img {display:none}

• 

  drmike · Member · Feb 25, 2007 at 4:57 pm

  • Copy link

  They may have not noticed it. Gotta admit that it wouldn’t be the first time. :)

• 

  sunburntkamel · Member · Feb 26, 2007 at 4:55 pm

  • Copy link

  at least the theme author gave the image a class that could be hidden.

  FWIW, here’s the thread i originally posted the solution in:
  https://en.forums.wordpress.com/topic.php?id=7610&page&replies=9#post-50370

  which has a little more information about adding your own image.

• 

  danlewer · Member · Feb 26, 2007 at 10:20 pm

  • Copy link

  Thanks all – once again incredibly helpful.
  All the best
  Dan