Forums

Toolbar

Permalink
Hi

I install a fresh 5.5.1 version and use the default Greek Yoghurt theme. In the theme i add the following to the typography.css in order to create a background image at the top. 

body {
   height: auto; 
   /* customize_body-background */ background-color: #dff5ff; /* customize_body-background */
   background-image: url(images/templatemo_header_wrapper.jpg);
   background-repeat: repeat-x
   }


now when logged in i see that the top of my background image is missing as the toolbar overlaps it.
Is this a bug or is this working as designed. I was informed that the toolbar issue had been corrected from 5.5.0 to 5.5.1 or did that not include the body element ?

I have added screen shots. In the screenshot without the toolbar you will see a black line which is part of the background image , in the second screenshot with the toolbar you will see its missing as it under the toolbar. These are from Chrome and Firefox.

2 Attachments

Responsive
 
hereNT replied on at Permalink Reply
hereNT
This is how I do my headers, the body has a class of can-write if the edit bar is displayed and if I have that class on the body then I move the background.

<?php defined('C5_EXECUTE') or die("Access Denied.");
$c = Page::getCurrentPage();
$p = new Permissions($c);
if ($p->canWrite()) {
   $canWrite = " can-write";
} else {
   $canWrite = " no-write";
}
$isEditMode = $c->isEditMode();
if($isEditMode){
   $edit = " edit-active";
} else {
   $edit = "";
}?>
<!doctype html>
Viewing 15 lines of 32 lines. View entire code block.
Steevb replied on at Permalink Reply
Steevb
You could try putting image in the main.css instead and shorthand it.

background: url(images/templatemo_header_wrapper.jpg) repeat-x;
MattWaters replied on at Permalink Reply
MattWaters
Hmm yeah, I'd probably put this in main.css (or whatever, but not typography.css). I don't see how that background image would ever need to be visible in TinyMCE. Those styles are just supposed to approximate how content will look on the page; if you're customizing Greek Yogurt I'd reckon you'd want to set up typography.css to mimic the white area inside the main container.
Responsive replied on at Permalink Reply 1 Attachment
Responsive
Having moved the Body element to the Main.css this makes no difference. I think the point I am trying to make is that the Toolbar does not push down the body element and this should be pointed out as a bug.

Not sure if anyone can replicate what i have done and see if they get the same result. I have attached the graphic file for use.