Override style.css/colors.css with local stylesheet / Search block permissions

Hi,

I'm currently exploring the Corporate Clean theme, and I love it. My problem has to do with the search bar.
It does not show on any of my pages when I log off as administrator. When I'm log in, it shows.

Funny, please Help!!

Ulysses

Hello edanyildiz and x-zorzist,
I will place here my comments for both issues.

x-zorzist regarding your issue, in order to configure Drupal Search box, you should follow the instructions below:

1. Enable the "Search module" /admin/modules
2. Place the "Search form" block to the specific Bluemasters region "Search area" /admin/structure/block
3. Finally, in order "Search form" block to be visible to anonymous users, you should configure the Search module permissions admin/people/permissions (Enable the ANONYMOUS USER for Use search)

edanyildiz, I will place for you here the appropriate instructions in order to place background image to header div. Please give me some time.

Thanks
/George

Hello edanyildiz,

This brief guide will demonstrate how to setup Corporate Clean theme to support a local.css file where custom CSS rules and modifications could be placed. Following this practise, there is no worry if the next theme update will override all your custom changes.
This can be done in 3 simple steps:

1. Create an empty .css file under the /sites/all/themes/corporateclean path and name it as you wish. local.css is always a good choice.
2. Edit the corporateclean.info file and add a line like stylesheets[all][] = local.css after stylesheets[all][] = color/colors.css
3. Clear all cached data.
   This step is important in order to force your template to be informed for the changes you have made in the template files. To do this go to Administer » Site configuration » Performance » Clear cached data

Finally, your corporateclean.info file will contain the following code

name = CorporateClean
description = CorporateClean: A flexible, recolorable theme with many regions.
version = VERSION
core = 7.x

stylesheets[all][] = style.css
stylesheets[all][] = color/colors.css
stylesheets[all][] = local.css

regions[search_area] = Search area
regions[highlighted] = Highlighted
regions[content] = Content
regions[sidebar_first] = First sidebar
regions[banner] = Banner
regions[footer_first] = Footer first
regions[footer_second] = Footer second
regions[footer_third] = Footer third
regions[footer] = Footer
regions[footer_bottom_right] = Footer bottom right
regions[help] = Help
regions[page_top] = Page top
regions[page_bottom] = Page bottom

settings[breadcrumb_display]= 1
settings[slideshow_display]= 1
settings[slideshow_effect]='scrollHorz'
settings[slideshow_effect_time]='10'

project = "corporateclean"

Now, you can edit the local.css file and add your style rules which will override the gradient behind the logo. In order to accomplish this, you should add the following code inside local.css

#header {
background:transparent url('images/YOURIMAGE.png');
}

Thanks
/George

Change the title including both issues.

Thanks
/George

Hello edanyildiz,

you are welcome

Thanks
/George

Hi George,

Thanks for the beautiful themes you have made available.

Is it possible to sub-theme CorporateClean. I've read that the Region, Colours and Theme setting are not inherited??? http://drupal.org/node/225125

I would like to sub-theme with some slight changes but not lose the ability to get updates when they are released.

Much appreciated,

Grant

@ #4

Thnx very much, this makes life a lot easier; just perfect!

Thanks for the feed back, it solved my problem.

George,
Thank you for this post. It was very helpful. I followed your instructions and now my image is being displayed in the header, but it is tiled. Is there a way to make the header one solid image?

Thanks
-Mike-

Hi,

I used the local.css override to get a background image for the corporate clean theme. It worked in Chrome and Firefox, but it doesn't work in Internet Explorer. I have ie9. I need the background image to show up in the header and content area. The black area in the header and the white area around the content is where the background image needs to appear. You notice the image is in the main content area. That worked in the regular css, but I had to override with the local.css to get it to work in Chrome and Firefox

Can anyone help me with this?

Thanks

Also having the same issue. I created the local.css to change the background of my slideshow.

#banner { background: transparent url("images/bgMainEdit.png"); repeat-x; }

It works perfectly in every browser except for IE. Anyone know of a fix for this?

my website can be seen here http://www.skirmishdevon.co.uk

all i did was add a filter for ie9, and the background images finally showed up!!

my original code in the local.css file.

#banner { background: transparent url("images/bgMainEdit.png"); repeat-x; }

and now:....

#banner { 
	background: transparent url("images/bgMainEdit.png"); repeat-x; 
		/* IE6-9 */ 
filter:  progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/bgMainEdit.png",sizingMethod='scale');
 
}

sorted!

IE 6 does not support .png files that was perhaps your problem. If your filter for 7 or above it should work as well

Thank you very much George. I just use your solution and it works for me too.
Thanks