Page 1 of 1
Left Header Image and Background
Posted: Tue Apr 01, 2014 10:02 pm
by KitchM
In the latest software, under CMSMenu top + 2 columns template, there is a CMSMS image at the top right of the page header which I cannot seem to figure out how to remove. Please see attachment.
How can this be removed, and/or where is it defined?
Thanks.
Re: Left Header Image and Background
Posted: Wed Apr 02, 2014 9:07 am
by velden
A browsers web-inspector should take you to that image in just a few clicks.
Re: Left Header Image and Background
Posted: Wed Apr 02, 2014 5:18 pm
by KitchM
I agree that one would sure think so, but I am having no such luck at all. I am using firebug in Firefox and everytime I click on that part of the page, it only shows my domain name. There is absolutely nothing related to that section of stock page design.
I must be missing something.
Re: Left Header Image and Background
Posted: Wed Apr 02, 2014 6:28 pm
by staartmees
The image is defined in the stylesheet.
Re: Left Header Image and Background
Posted: Wed Apr 02, 2014 7:08 pm
by Dr.CSS
I was hoping all the time spent on commenting the templates would have been enough...
{* Start Header, with logo image that links to the default start page. Logo image is changed in the stylesheet "Layout: Top menu + 2 columns" *}
<div id="header">
{* this holds the name of the site on the right side *}
<h2 class="headright">{sitename}</h2>
Re: Left Header Image and Background
Posted: Wed Apr 02, 2014 8:31 pm
by KitchM
Interesting replies. Thank you.
Please allow me to clarify:
1. I'm an idiot and meant to say "top left" image.
2. Here is what I found:
Code: Select all
/* you can set your own image and background color here */
/*background: #f4f4f4 url([[root_url]]/uploads/ngrey/body.png) repeat-x left top;*/
Notice how I've commented it out to no avail.
3. I know that the image is defined in the stylesheet, but which one? I can only assume it is the one entitled after the name of the template and starting with "Layout:".
4. This section of code did help me delete the right side when I commented it out:
Code: Select all
/* you can set your own image here, will go behind h1 a image */
/* I commented this out for the right two-thirds of header banner. */
/*background: #f4f4f4 url([[root_url]]/uploads/ngrey/bg_banner.png) repeat-x left top;*/
But I am confused as to what an "a" image is.
5. This next section didn't change anything when I commented it out:
Code: Select all
div#header h1 a {
/* you can set your own image here */
/*background: url([[root_url]]/uploads/ngrey/logoCMS.png) no-repeat left top;*/
6. I did not fiddle with this code because it appears to apply only to IE:
Code: Select all
/* this will keep IE6 from flickering on hover */
background: url([[root_url]]/uploads/ngrey/logoCMS.png) no-repeat left top;
And so it goes.
Again, I must be missing something.
Thanks.
Re: Left Header Image and Background
Posted: Wed Apr 02, 2014 9:10 pm
by Dr.CSS
The bg_banner.png is for the #header as it says above that...
The '#header h1 a' has the logo, and the h1 below it has the same logo, yes it is for IE but it still shows if you don't change it or remove it...
Use Firefox and the Web Developers toolbar to help you as explained here...
http://forum.cmsmadesimple.org/viewtopi ... 20&t=35580
Re: Left Header Image and Background
Posted: Wed Apr 02, 2014 9:48 pm
by KitchM
I did not know that about the IE settings. I will remember to disable the image in both places.
That would be a good comment to add for the code.
I would also suggest comments include mention of what does not have any affect. Such as:
Code: Select all
/* you can set your own image and background color here */
background: #f4f4f4 url([[root_url]]/uploads/ngrey/body.png) repeat-x left top;
Also, I did like the Web Developers toolbar better than firebug. Maybe because it was much easier to find and identify the images. Sadly, it does show up all the time unless one turns it off in view. But still......