5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

One simple blog edit...but I'm DUMB!

by Mad Dawg
4 replies
Hey warriors,

All i want to do is change the color of the page break line in between the posts on my blog. Does anyone know what area / command in the theme editor controls this?

Thank you in advanced!

Noah
#blog #dumb #editbut #simple
  • Profile picture of the author awesometbn
    Hello Noah,
    A couple of ideas come to mind. If this is between each post, then you would want to edit the template pages in Wordpress for your theme, and look for the right place to insert your new edit inside the loop. There should be a PHP conditional loop to check for existing posts, and loop through each one until it's done. So you find the loop, and if there is already a line break, you can place a class ID on it and control the presentation (in this case, your wanted a different color). Then you can edit your CSS file and add an entry to call the class ID you specified. In this new style section you enter the color, padding, and other characteristics. Save your changes and test to see if it looks good.

    I hope that makes sense. If you can maybe post an excerpt of PHP code that represents the posting loop for your blog theme, we can probably figure this out quickly. Thanks.
    Signature
    Exciting comment opportunities on my WF blog: (1) Better money with better marketing (2) Forming strong customer bonds (3) Earn more money with DB marketing (4) Building a revenue and profit model
    {{ DiscussionBoard.errors[524972].message }}
  • Profile picture of the author bz1406
    You can use photoshop or dreamweaver to changes it...
    {{ DiscussionBoard.errors[525242].message }}
    • Profile picture of the author mywebwork
      Originally Posted by bz1406 View Post

      You can use photoshop or dreamweaver to changes it...
      How exactly would you use Photoshop or Dreamweaver to change a WordPress template?

      I'm with awesometbn, the answer is to identify the post separator element in the style sheet and then just change it's value.

      Bill
      {{ DiscussionBoard.errors[540946].message }}
      • Profile picture of the author aisling
        I'm not a programmer, and -- writing my book -- I've learned just enough to be dangerous.

        But, in case I can be helpful, here's what I suggest.

        Different themes use different dividers between posts. That's where this gets tricky. If it's a graphic divider, the earlier advice about changing the color of the graphic (in PhotoShop or another graphics program) could be enough.

        If the code can be located in the CSS file with Dreamweaver, that's another solution. That sounds a little unlikely to me, but I don't use Dreamweaver.

        Here's one approach that may work if your posts are divided by a single line or horizontal rule (an "hr"). As I said, a lot depends on what your theme uses to divide the posts.

        Assuming that you're using WordPress 2.7...

        In your WP dashboard, go to Appearance > Editor

        Open your Stylesheet (style.css). It's usually the default that's on the screen when you open the Editor.
        [Important: First, be sure you save a copy of the original style.css sheet code, so -- if all else fails -- you can restore the original version.]
        Now, try changing the code related to your hr. The code may look like this:

        hr {
        display: block;
        height:1px;
        background:#333;
        border:0px none;
        }

        The background color (#333 in my example above) is the color you'll try changing to the code for the color you'd like. Or, you can replace it with some color as a word (red, blue, etc.).

        This will probably be a trial-and-error experiment.

        If that doesn't help and your dividers aren't graphics, you will need to identify exactly what's used as a divider in your theme. (This may involve reading several PHP files for anything that looks promising. If you don't read PHP easily, you have my sympathy!)

        Then you'll know what to look for in your style.css, where you'll change the color.

        From there, you'll probably go to your style.css (similar to what I described above) and make the color changes there.

        I hope this helps!
        Signature

        WordPress themes made easy: Sites that Soar!

        {{ DiscussionBoard.errors[542092].message }}

Trending Topics