How do I edit the appearance of the text that says the date of my posts?

  • Resolved brittanywigand

    (@brittanywigand)


    15 years, 7 months ago

    I’m using the Silver Dreams theme & my site is Brittanywigand.com.

    As you can see, my date is really small. I have no idea why. How do I edit it? I can’t seem to find how to do it in my style.css.

    Thanks!

    <333333333333333333333
    xoxoxoxoxoxoxoxoxoxoxo

Viewing 3 replies - 1 through 3 (of 3 total)

  • 1) Time to lookup how to edit CSS files like the style.css

    You can pretty much sum up CSS as ‘how to define what a particular location looks like.”

    Those definitions are called “elements” and editing your CSS you can basically make each class= or id= element into however you want to look.

    For example, view-source of your site by right clicking when looking at your site and it will bring up your page in HTML.

    Then search for the date your talking about by something recognizable by using control-F on your keyboard and typing what your searching for.

    You will find that the date your looking to change is here:

    <small>August 9th, 2009 <!– by brittany –></small>

    The HTML tag surrounding is is <small></small> which reduces the font size.

    The containing DIV that holds that <small> html tag is:

    <div class=”post” id=”post-78″>

    So 1) Remove the <small></small> around it to bring it to normal size.

    If you want to increase the size from there, then you edit the CSS and do something like this.

    .post { font-size: 14px; }

    But that will change everything inside your .post area, so what you need to do is make that date a class on it’s own:

    <div class=”postdate”><?php the_date(); ?></div>

    Now you can do:

    .post .postdate { font-size: 14px; }

    and it will only change that one particular location, not everything inside .post

    Thread Starter brittanywigand

    (@brittanywigand)

    Frumph, this is all I see about posts in my style.css:

    #content {
        margin-left:255px;
        padding-right:15px;
        padding-left:15px;

}
 #content .post {
        padding:5px;
        margin-left:10px;
        color:#444;
        float:left;
        width:550px;

 }

 #content h2,#content h3 a{
        font-weight:normal;
        font-family:Arial;        font-size:18pt;        font-color:#fff;        border-bottom:none;
        padding-left:3px;
        padding-top:20px;
        padding-bottom:8px;
        background:transparent url("") no-repeat center left;
 }
 #content h2 a{
        color:#343434;//03B6C7;
        text-decoration:none;
 }
 #content h2 a:hover {
        color:#c00;//0FE7F1;
 }
 #content .entry {
        padding:5px;
        padding-left:5px;
 }

    & nothing comes up when I use the find tool and type in date.

    Thread Starter brittanywigand

    (@brittanywigand)

    Nevermind, you were wrong and I figured it out myself. <3

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I edit the appearance of the text that says the date of my posts?’ is closed to new replies.