WordPress.org

Ready to get started?Download WordPress

Forums

Theme Not Showing Up Properly On My Site (10 posts)

  1. graciedesign
    Member
    Posted 2 years ago #

    I just activated a customized theme and the whole layout isn't showing up properly as well as colors and images. This is a mock-up of what I made.

    https://lh6.googleusercontent.com/-CAFQ8CRU_zo/T6mfjqOWirI/AAAAAAAAAMQ/akOav0Axa1M/s300/screenshot.png

    And this is my website so far.

    http://graciedesign.net/

    How can I fix that? How can I get the colors and images to show up? I've got all the files I need for this theme as well as styles.css but nothing is showing up. I would like some help. Thanks.

  2. peredur
    Member
    Posted 2 years ago #

    You're not linking correctly to your stylesheet:

    <link rel="stylesheet" href="graciedesign | Lisa Ramos-Freelance Graphic Designer" type="text/css" media="screen,projection"/>

    HTH

    PAE

  3. graciedesign
    Member
    Posted 2 years ago #

    Do I put this on the header.php page?

  4. peredur
    Member
    Posted 2 years ago #

    I guess that's where you will have put it. I'm guessing it's your code in the customise theme :-) so you'll know how you've got it organized. But, yes, links to the main stylesheet usually go in header.php.

    All I can see from here is that the link to the stylesheet is not well formed. So it's not that you need to add something. You need to correct something.

    BTW, if you're customising a theme, you should do it via a child theme. It's the only recommended way of doing it. So if that's not the case, you might like to look at the codex documentation on theme development.

    Cheers

    PAE

  5. graciedesign
    Member
    Posted 2 years ago #

    Okay.

  6. graciedesign
    Member
    Posted 2 years ago #

    Well, sorry to post again but this is what I have for the style.css when I made a static HTML page.

    http://pastebin.com/1DS1DTvM

    Is there anything I need to fix here?

  7. peredur
    Member
    Posted 2 years ago #

    Are you posting about the same question? If you are, why do you think posting your style sheet is going to help when your HTML page cannot link to your style sheet as I explained previously?

    You won't know if your style sheet has any problems until your page links to it.

    If you don't know how to link properly to a style sheet from an HTML page, you need to check out resources like

    http://www.w3schools.com/

    BTW, just in case you didn't understand my first response. The code I quoted was the code I copied from your HTML page. It's supposed to show you that the link is badly formed. It's not meant to show you what it's supposed to be.

    If you can't see that the link element is badly formed, I strongly suggest you check out some HTML/CSS tutorials so that you can see what you should be doing. The w3schools site I refer to above would be a good starting point.

    Cheers

    PAE

  8. graciedesign
    Member
    Posted 2 years ago #

    Okay, so I fixed my header page, linked my css style sheet and the colors are showing up on my site. But, unfortunately, the layout is out of shape and the logo image I created is not showing up. I set the header on top with the logo image on the left and the navigation links on the right, the main content goes on the left, the sidebar is on the right and the footer is on the bottom. How am I going to fix these things and get my logo image to show up?

    You saw what I first posted above before.

  9. WPyogi
    Volunteer Moderator
    Posted 2 years ago #

    The layout problems are very likely due to a bunch of html code errors on the page -- see this: http://validator.w3.org/check?uri=http%3A%2F%2Fgraciedesign.net%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

    And Validating.

    You are also missing a height px in this CSS code -- after the 65:

    #header-img {
    	position: relative;
    	left: 15px;
    	top: 10px;
    	width: 374px;
    	height: 65;
    }

    After those are fixed, then you'll be able to see if there are any other layout problems.

  10. graciedesign
    Member
    Posted 2 years ago #

    Okay, I fixed some of those errors except for two of them as well as the CSS code but my layout is still overlapping. What am I going to do?

    This is the code I have for Date Posted.

    <?php the_time('F, jS, Y') ?>

    And this is the code I have for Where.

    <?php the_category(', ') ?>

    How am I going to add links to the date and category?

Topic Closed

This topic has been closed to new replies.

About this Topic