Need help? Check out our Support site, then


First Post Different - CSS help

  1. Hi,

    I'm very new to CSS and have taken a premade WordPress stylesheet and made minor modifications to it. There are two more things that I want to change, and am not sure how to do it.

    1. Make the first post entry look exactly the same as the other entries. I would like to make the first post font size the same as other posts, but I want to add the line at the end of the first post to the end of all other posts.

    2. Have "search" written next to the search box.

    Here's my site: http://snowtosand.com/

    Thanks in advance for your help!

  2. 1.- doable

    2.- I'm afraid it can't be done because the code for the button has been commented out in source, probably because the designer designed the theme like that:

    <!-- <input type="submit" id="searchsubmit" value="Search" /> -->

    Regarding No. 1, give me some time and I'll see what I can do for you.

    BTW, have you checked if you can enter a title in the search widget?

  3. Okay, Adrian.

    In you CSS, take out the ".top" selector from the ".sticky,.top" difinition, so it look like this:

    .sticky {
    background:#1b1814;
    margin-bottom:15px;
    border-bottom:1px solid #35302a;
    padding:15px 10px 0;
    }

    Add these three lines to the .postmetadata's definition:

    border-top:1px solid #35302a;
    border-bottom: solid 1px #35302A;
    padding:8px 0;

    so the selector should look like this:

    .postmetadata {
    clear:both;
    margin:3px 0;
    padding:0;
    border-top:1px solid #35302a;
    border-bottom: solid 1px #35302A;
    padding:8px 0;
    }

    Delete these two definitions:

    .top .postmetadata {
    border-top:1px solid #35302a;
    padding:8px 0;
    }
    
    .top .entry {
    font-size:1.2em;
    }

    That should do it.

    Let me know if that's what you wanted.

  4. "...so it look like this"

    It should read "...so it looks like this"

    **need more coffee**

  5. Terrific! It's exactly what I was looking for!
    Thank you!

    As for the search button, right now I'm running the CSS from scratch, and not on top of the previous designer, so I don't fully understand why I can't change how the designer created the theme...

    I looked into naming the search widget, and it doesn't have any options available, so I can't name it. Let me know if you think of anything though.

    Thanks again!

  6. I'm glad you got the results you wanted.

    Regarding the search button, what I meant is that in the (HTML) source code the button has been commented out; thus, the browser won't render such an element.

    CSS will help you to style existing elements. In your theme, the search button doesn't exist.
    Now, if you want a search button, you could use the Sandbox theme to replicate your current one. Sandbox does have a search button.

    If you decide to do use Sandbox, I recommend you Sandbox-10 which is the newest version wp.com uses.

    HTH

  7. Hold on, I just thought of a possible solution to your search field. But that won't work in IE because IE doesn't support pseudo classes.

    Gimme a few minutes and I'll give you the code for this.

  8. See if you like this solution:

    #searchform div:before{
    	content: "Search";
    	color: #BD934F;
    	font-size: 1.2em;
    	font-variant:small-caps;
    	font-family:Georgia, 'Times New Roman', serif;
    }

    Again, this won't work in IE because it doesn't understand pseudo classes, however Safari, Firefox, Opera users should see the "Search" text.

    HTH

  9. Looks great! I'm a chrome user, so it won't bug me now every time I look at my home page. Thanks again for all of your help.

    Adrian

  10. Sure thing!

Topic Closed

This topic has been closed to new replies.

About this Topic