omarelmasry
Member
I am using the thematic theme for my website ... I have designed the header, and it looks good on the home page as in this figure
http://imageshack.us/photo/my-images/714/homekw.png/
... BUT on all pages other than the home, the background of the #access bar jumps to the top like that , and covers the title :(
http://imageshack.us/photo/my-images/14/otherq.png/
although I am using the style sheet which is seen by all pages equally ...
Why is that happening???
CSS like this is hard to troubleshoot without a live link. It looks like a clearing or float issue, but it is pretty much impossible to help with just images. If you have a link or temporary place to set it up, that would help a ton in getting someone to take a closer look.
omarelmasry
Member
this is my first website ... i am working on localhost ... i am not familiar with hosting yet :( ...
BUT ... why does the style alter on other pages although they are reading the same style sheet???
middlesister
Member
This might have to do with a SEO feature of thematic. On the home page, your blog description is wrapped in a h1. But on all other pages it is a normal div and the h1 is the page title of the content. This is for search engine reasons since they give extra weight to the headings and there can only be one h1 element in a html4/xhtml1 document.
Of you haven't styled #blog-description specifically, then the extra bottom margin on h1 elements will disappear on all other pages since the h1 is now a div. I don't see a blog description in your picture, but if you haven't removed it through functions.php but used display:none to hide it, then I suspect this is the issue. Try giving #blog-description a bottom margin.
omarelmasry
Member
@middlesister: yessss .. you're getting so close :
after you mentioned the SEO thing, I tried adding a blog description to see what happens , I discovered that the blog description on pages other than the home converts to a div , and jumps to become beside the title :( ...
I tried styling blog-description ... a bottom margin doesn't solve it ... and I tried styling it with display:block ... nothing happens (i guess it had that style in the first place ) ...
I also tried removing the blog description using a function ... but that resulted that the home page, too, looks wacky like the others ....
if you can, pleeeease help with the case that a blog description exists :).... any other ideas for it??
do what scott suggests and get it live somewhere. we can probably fix it in a few minutes.
sidenote- the 'weird' look you are seeing w/ blog description doesn't happen by default... so i'd look closely at the changes you have made and how you differ from the default layout.
oakview
Member
I had a similar problem, but can't recall if it also involved the access bar, though I know it affected the blog description. I added the code below to my child theme function file and... problem solved. You might try this and see if it helps you, or at least sends you down the path to a solution.
//First, remove the existing blog decription
function remove_blogdescription() {
remove_action('thematic_header', 'thematic_blogdescription', 5);
}
add_action('init', 'remove_blogdescription');
// Then, always wrap the blog description in a div
function my_blogdescription()
{ ?>
<div id="blog-description"><?php bloginfo('description') ?></div>
<?php }
add_action('thematic_header','my_blogdescription',5);
omarelmasry
Member
Thank you oakview ... although that solution drops the SEO advantage, but it worked perfectly :) :) ... just some css afterwards and the page looks goooood :D
oakview
Member
You might try including an H1 tag inside the div and style the H1 tag uniquely in your CSS file so it doesn't jump around. Dunno if that will work, didn't try it. I would imagine you'll need to remove any clearing, margins, etc. and make the width fixed.
<div id="blog-description"><h1 id="my-description"><?php bloginfo('description') ?></h1></div>
This topic has been closed to new replies.