Theme doesn't look right (21 posts)

  1. yaloner
    Posted 8 years ago #

    My site is about basketball and since I know nothing about themes I downloaded the single decent basketball theme I found.

    This is how it should look:

    This is how it looks on my site:

    I don't think it's a problem on my site because it looks the same on the theme's test page:

    What can I do ?
    I realy want this theme to work becuase I found no other...


  2. Roy
    Posted 8 years ago #

    Please tell us the problem, your site looks the same to me in Firefox 2.0 and Browzar 1.3. Do you mean that something strange happens when you try to watch a video? (Are they uploaded yet?)?

  3. yaloner
    Posted 8 years ago #

    It just doesn't look as it supose to...

    Here is how it looks on my computer:
    Screen Capture

    It looks messed up and it quite similar in IE and FF

  4. Roy
    Posted 8 years ago #

    I still think you will have to be more specific. Is there too much red on the left and right, do you miss the dash behind the title image? What do you want to change?

  5. wolfieb
    Posted 8 years ago #

    I can see the issue you mean - the background is not being drawn properly and where there should be a rounded-corner white box behind the whole page, it just draws part of it at the top.

    Have all of the files for the theme definitely been loaded into the correct folder? It looks like the theme is referring to an image file that is missing.

  6. yaloner
    Posted 8 years ago #

    Yeah wolfieb, you described it just right.
    As far as I know all files where loaded correctly (twice).
    As I said, it also looks messed up in the "official" test page so maybe it was made wrong and published that way ? (I find it hard to believe...)

    So now what I do ?

    Any advice would be great (or any suggestions to other basketball theme).

    Thanks :)

  7. wolfieb
    Posted 8 years ago #

    [Comment deleted because it was incorrect]

    Sorry, thought I had the answer but didn't!

  8. yaloner
    Posted 8 years ago #

    So no answers or suggestions ?

  9. deadceasar
    Posted 8 years ago #

    the cropped box at the top is actually the image for the footer at the bottom. if you know your way around your stylesheet, check that the proper images are being called. you should have at least 3 with this design (1 for the header, 1 for page, and 1 for footer). if not, check with the theme provider, they may have been forgetful.

  10. yaloner
    Posted 8 years ago #

    It now seems that it is displayed just fine for some people...

    any ideas ?

  11. kmessinger
    Forum Moderator
    Posted 8 years ago #

    Yes, correct your code. Here. If your site does not validate it will display differently in browsers plus it is hard to trouble shoot with html errors.

  12. mrkingid
    Posted 8 years ago #

    Funny thing is if you TEST the theme on the theme download page it also has the error. No fault of yours, it is the creator that pooched it.

    It is the footer image and it is being posted in the header it seems.

    If you do not know CSS or PHP goto 'Presentation>Theme Editor' and click on HEADER to the right. Copy and paste that code here. Do the same for FOOTER. Might as well paste your style sheet to see what the DIV's are doing.

    Should be easy to fix.
    Just checking your site and it looks like it has a <div id="bottom"> in the header that contains all the top info. Kinda odd.

    Looking at it more it looks like there is a lot of incorrect DIV nesting going on. Easy to fix. Just post the code.... if the admins do not mind. :D

  13. yaloner
    Posted 8 years ago #

    Thanks mrkingid, I'm totaly clueless with CSS and PHP so here is the code:


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head profile="http://gmpg.org/xfn/11">
    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; Blog Archive <?php } ?> <?php wp_title(); ?></title>
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
    <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
    <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php wp_head(); ?>
    <div id="middle">
    <div id="box">
    <div id="bottom">
    <div id="top2">
    <div id="top1">
    <div id="top3">
    <div id="header"><h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1></div>
    <div id="desc">
    <?php bloginfo('description'); ?>
    <div id="main">
    <div id="mainbck">


    <div class="space"></div>
    <div id="footer"><a href="http://www.robbinssports.com">Basketball Uniforms</a> copyright 2007 <a href="http://www.robbinssports.com">RobbinsSports.com</a><br>
    Brought by <a href="http://www.wpthemesfree.com/" title="WordPress Themes">WordPress Themes</a> <!-- | <?php echo get_num_queries(); ?> queries. <?php timer_stop(1); ?> seconds.--> <?php wp_footer(); ?></div>


    Theme Name: Basketball Uniforms
    Theme URI: http://www.robbinssports.com/
    Description: Basketball Uniforms is a sports WordPress theme. You are welcome to make any changes to this theme that you need to.  Please just leave a link to RobbinsSports.com in the footer.
    Version: 0.1
    Author: Lisa Robbins
    Author URI: http://www.robbinssports.com/
    Get your <a href="http://www.robbinssports.com/">Basketbal Uniforms</a>at <a href="http://www.robbinssports.com/">Robbins Sports</a>.
    body{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:12px;background:#A72F2E;}
    #middle {
    	width: 950px;
    	margin: 0 auto;
    	background-image: url('images/sides.jpg');
    	background-position: center;
    	background-repeat: repeat-y;
    	background-image: url(images/top.jpg);
    	background-position: top;
    	background-repeat: no-repeat;
     	width: 950px;
     	height: 106px;
    	margin: 0;
    #bottom {
    	width: 950px;
    	height: 102px;
           	margin-top: 20px;
    	background-image: url('images/bottom.jpg');
    	background-position: bottom;
    	background-repeat: no-repeat;
    #top2{width:800px;background:#000 url(images/top2.jpg) repeat;height:327px;margin:45px auto;padding:0;}
    #top1{display:block;background:url(images/top1.jpg) no-repeat left;height:327px;}
    #top3{display:block;background:url(images/top3.jpg) no-repeat right;height:327px;}
    #header h1{;float:right;text-align:right;margin:100px auto;font-size:35px;font-variant: small-caps;padding:0 40px 0 0;}
    *html h1{font-family:Tahoma, Arial, Helvetica, sans-serif;font-weight:700;color:#660000;padding:0 0 0 5px;}
    #desc{color:#A72F2E;float:right;text-align:right;margin:500px auto;font-size:12px;margin:0 auto;padding:0 0 0 0;}
    #main{background:#f3f2ed;height:30px;margin:0 auto;}
    #mainbck{background:#fff url(images/mainbck.jpg) repeat-y;width:800px;margin:5px auto;padding:0;}
    *html h2{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;color:#666;padding:0 0 0 5px;}
    ul.nav li{float:left !important;list-style-type:none;margin:0;padding:0;}
    ul.nav li a,ul.nav li a:link,ul.nav li a:visited{border-bottom:0;border-left:0;background:#f3f2ed;color:#A72F2E;float:left;display:block;text-decoration:none;padding:0 12px;}
    ul.nav li a:hover,ul.nav li a:active{background:#fff;color:#555;text-decoration:none;}
    ul.nav li.home a{border-left:2px solid #fff;text-decoration:none;}
    ul.nav li.current_page_item a{text-decoration:none;color:#555;background:#fff;}
    ul.nav li ul{float:left;margin:0;padding:0;}
    #content{width:540px;float:left;margin:5px auto;padding:0 15px 0 0;}
    .entry{width:530px;background:#fff;float:left;color:#666;text-align:justify;border-bottom:#ccc 1px dotted;margin:5px auto;padding:5px;}
    .entry h2,h3{font-family:Tahoma, Arial, Helvetica, sans-serif;font-size:14px;font-weight:700;margin:0 auto;padding:0;}
    #sidebar{width:230px;float:right;margin:0 auto;background:#f3f2ed;padding:0;}
    .rsidebar{width:210px;color:#666;margin:0 auto;padding:0 5px;}
    .rsidebar h2{font-size:14px;font-variant: small-caps;border-bottom:dashed 1px #ccc;margin:0 7px 3px;padding:3px 0;}
    .rsidebar ul{list-style-type:none;margin:0;padding:0;}
    .rsidebar ul li{list-style-type:none;margin:0 0 10px;padding:0;}
    .rsidebar ul li ul{list-style-type:square;margin:0;padding:0 3px;}
    .rsidebar ul li ul li{list-style-type:none;background:transparent url(images/b.gif) no-repeat 0 4px;border:0;margin:0;padding:0 0 2px 14px;}x;}
    #footer{width:800px;height:30px;background-color:#f3f2ed;margin:10px autocolor:#f3f2ed;text-align:center;line-height:30px;float:left;padding:0;}
    #wp-calendar #prev a,#wp-calendar #next a{font-size:9pt;}
    #wp-calendar a{text-decoration:none;display:block;}
    #wp-calendar caption{font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;text-align:left;width:100%;}
    #wp-calendar th{font-style:normal;text-transform:capitalize;}
    #wp-calendar{empty-cells:show;width:100%;margin:10px auto 0;}
    #wp-calendar #next a{padding-right:10px;text-align:right;}
    #wp-calendar #prev a{padding-left:10px;text-align:left;}
    #wp-calendar td{text-align:center;padding:3px 0;}
    #wp-calendar td.pad:hover{background-color:#fff;}
    .space{background:#fff;height:5px;clear:both;margin:0 auto;padding:0;}
    #searchform{height:26px;line-height:26px;float:left;margin:0;padding:0 0 10px;}
    input#s{color:#5188d2;width:140px;border:1px solid #cbcbcb;background:#fcfcfc;}
    input#searchsubmit{background:#000;color:#fff;font-size:13px;border:1px #A72F2E solid;}
    .bobcomments{border-top:5px solid #555;background:#fbfbf9;border-bottom:1px solid #a72f2e;margin-bottom:20px;}
    #commentform{border-top:1px dotted #cedeef;border-bottom:1px dotted #cedeef;margin:0;padding:15px 15px 1px;}
    #commentform label{display:block;margin:0;}
    #commentform input{width:170px;margin:0 5px 10px 0;padding:1px;}
    #commentform textarea{width:380px;margin:0 0 10px;padding:0;}
    #commentform #submit{margin:0 0 20px;}
    #commentform p{margin:5px 0;}
    ol.commentlist{margin:0 0 1px;padding:0;}
    ol.commentlist li{border-top:1px solid #cedeef;display:block;list-style:none;margin:0;padding:15px 15px 1px;}
    ol.commentlist li.commenthead{display:block;list-style:none;margin:0;padding:5px 15px;}
    ol.commentlist li.commenthead h3{margin:0;}
    ol.bob{border-top:1px solid #000000;list-style:none;margin:0 0 1px;padding:15px;}
    ol.bob li{display:block;list-style:none;background:transparent url(images/hb.gif) 0 2px no-repeat;padding-left:15px;margin:0 0 5px;}
    #footer a:visited{text-decoration:none;color:#000;border:none;}
    #footer a:hover{text-decoration:underline;color:#000;border:none;}
    #footer a:link,#footer a:active{text-decoration:none;color:#a72f2e;border:none;}
  14. mrkingid
    Posted 8 years ago #

    ok, got it. thanks.

    give me a few hours as I am tied up this morning.

  15. mrkingid
    Posted 8 years ago #

    Wow, this is a pain in the butt!! getting there.

  16. mrkingid
    Posted 8 years ago #

    I'll see if I can get more tonight but it is coming along... :D

  17. mrkingid
    Posted 8 years ago #

    Ok, sorry man. I thought it was going smoothly but this issue is no easy one. The entire theme needs to be overhauled and I don't have the time to do that. Maybe someone else can do it.

    Or just find a new theme.

    Good luck.

  18. wolfieb
    Posted 8 years ago #

    After much playing about I have managed to get this theme to display correctly (although, as I'm no CSS expert I may have broken lots of other things at the same time!)

    I had to alter the style.css, header.php and footer.php files. If you'd like me to send you the updated files, please contact me via my blog (see my profiles for details).

  19. yaloner
    Posted 8 years ago #

    Wow, thank you so much.
    I didn't think it was that complicated.

    Thanks again :)

  20. yaloner
    Posted 8 years ago #

    Well, it did solve that particular problem but created a whole lot of other problems.
    Thanks anyways, I appreciate the try.

    Maybe I'll just pay someone to make me a theme. how much should it cost ? I really can't spend much now...

  21. wolfieb
    Posted 8 years ago #

    Like I said, I'm no expert. Sorry it didn't work out for you.

    I have no idea how much it might cost you to have someone write a theme for you. Have you tried using a theme that's close to what you want (and isn't as broken as that one was) and editing it yourself? Provided you always keep a back-up copy of the original files, you should be able to play about with the theme safe in the knowledge that if you do anything too wrong to it, you can always start from the beginning again.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.