changing a colour and stuck

[TheButcher2]

Hi guys

Going round in circles, can't seem to change the dark blue in the one screen shot to the pale blue in the second screen shot.

I want that whole section with the banner to be the same pale blue, any help would be appreciated.

Peace

Dave

[Talk19Zehn]

Hello, try the following for a small remedy, *only a first aid:

find:

Code: Select all

.headerbar, .forumbg {
	background-color: #4C5D77;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #4C5D77 2px, #4C5D77 92px, #4C5D77100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#4C5D77 2px,#4C5D77 92px,#4C5D77 100%);
	background-repeat: repeat-x;
}

and replace with:

Code: Select all

.headerbar {
	background-color: transparent;
	background-image: none;
	filter: none;
	background-repeat: repeat-x;
	border: 1px solid #536482;
}

.forumbg {
	background-color: #4C5D77;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #4C5D77 2px, #4C5D77 92px, #4C5D77 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#4C5D77 2px,#4C5D77 92px,#4C5D77 100%);
	background-repeat: repeat-x;
}

*) Why?
Apparently, the HTML within the class headerbar is nested incorrectly and / or the absolute positioning of the pixel (?) maybe responsible for it (?). For my part, only assumptions that I could not investigate in the browser tool due to time constraints.

I might be wrong ...

Regards


UUups .. - Edit: Code for headerbar inside =>
filter: none;

.

[TheButcher2]

perfect that worked, much appreciated, just gt to go figure out how to change the white to the same blue as below.

Have a great weekend

Peace

[Talk19Zehn]

You can also try the notation for the headerbar class: ....

Code: Select all

.headerbar {
	background-color: #CADCEB;
	background-image: none;
	filter: none;
	background-repeat: repeat-x;
	border: 1px solid #536482;
}

Regards and have a great weekend also.

[TheButcher2]

still at square one, I appreciate the code help but it just does not do it for some reason.


Peace

[EA117]

A cut-n-paste of Talk19Zehn's changes appears to have the intended effect here:

background.png

The changes you attempted aren't on your site, so its hard to guess what might not be correct. First thing that comes to mind is perhaps the new blocks were pasted in, but the old sections were not actually removed. In my screen shot, the previous .headerbar, .forumbg { } block is replaced by the new separate .headerbar { } and .forumbg { } blocks that were recommended.

[Talk19Zehn]

Hello, the suggested changes were not executed or lost in colours.css. Add them and they should overwrite the entries.
Clear all caches, look forward.


BTW: ==> Your style.cfg writes:

[...]
# General Information about this style
name = prosilver
copyright = © phpBB Limited, 2007
style_version = 3.2.2
phpbb_version = 3.2.2
[...]

However, we are already 3.2.7. That means you do not have a current phpBB version?

[TheButcher2]

okay guys this worked, thanks a lot for all you comments and help

Code: Select all

.headerbar {
	background-color: #CADCEB;
	background-image: none;
	filter: none;
	background-repeat: repeat-x;
	border: 0px solid #536482;
}

.forumbg {
	background-color: #4C5D77;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #4C5D77 2px, #4C5D77 92px, #4C5D77 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#4C5D77 2px,#4C5D77 92px,#4C5D77 100%);
	background-repeat: repeat-x;
}

[TheButcher2]

All good on the colours bt just noticed one thing, hope you good people an shed some light on this.

The rounded corners on the middle block where the forums are disappeared, any ideas what to do,

Thanks

[Talk19Zehn]

You've suddenly lost the class forabg now .... - look into your colours.css:

Code: Select all

.forabg {
	background-color: #4C5D77;
	background-image: -webkit-linear-gradient(top, #6ACEFF 0%, #4C5D77 2px, #4C5D77 92px, #4C5D77 100%);
	background-image: linear-gradient(to bottom, #6ACEFF 0%,#4C5D77 2px,#4C5D77 92px,#4C5D77 100%);
	background-repeat: repeat-x;
}

And here you have to adjust the color, I think:

Code: Select all

.forumbg .header a, .forabg .header a, th a {
    color: #FAFAFA;
}

[TheButcher2]

That just made the whole block where the forums are listed white, thanks for the help though.

[EA117]

All good on the colours bt just noticed one thing, hope you good people an shed some light on this.

The rounded corners on the middle block where the forums are disappeared, any ideas what to do,

What changes were made in order to create the display shown in your screen shot? Because there is way more than just "rounded corners" different in the screen shot you posted, as compared to the screen shot I posted using the sections just literally cut-n-pasted from Talk19Zehn's posts. Or even with the changes you posted here.

Indeed its possible to have added CSS that would have killed the rounded corners, but it means making changes other than those shown the posts above. Which is of course fine if you needed to make other changes. But we need to know and see what those changes are, or else it's hard to be helpful about what might need fixing.