Need help changing theme colour scheme!

p.s. The template may not be in use if you visit the site as I don’t wish to show an incomplete site.

for a formatting/css issue, without seeing the ‘problem’ template active in the site, there is not much help possible.

if the red rectangles outside the center are new ad banners, you will also need to edit some of the template files.

It’s online now.

the headings:
in style.css, starting at this line:
h1.playmaker-list {
just work through the list and change the color codes.

to point any single style out to you is, imho, beyond the purpose of this forum.

the block below the image is a div with the css class .topstory

styled in style.css:

.topstory {
	background: #000033;
	padding: 8px 10px 10px 10px;
	height: 100%;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	}

the headline style for this block is in with the list of the other headline styles.

a tool such as firebug or the firefox web developer add-on might help to identify the individual css classes.
——
there is no space for any boxes outside of the theme body – for the most common monitor width of 1200px, anyway.

Is there a way to change the background colour?

Thanks for your help so far!

the dark blue?

this is in style.css:

body {
	background: #000044;
	color: #333333;
    width: 100%;
	font-size: 12px;
....

or the white of the center:

style.css

#wrapper {
	background: #ffffff;
    width: 984px;
	height: 100%;
......

Cheers mate, you’re a diamond. One last Q (I think!) – Changing the colour of the red tabs?

Cheers mate, you’re a diamond. One last Q (I think!) – Changing the colour of the red tabs?

Using Google Chrome browser:

1) Display the site in question
2) Right-click on the element in question (e.g. the “Red Tabs”)
3) Click “Inspect Element”
4) A window will open, showing you the HTML markup of the page, and listing the styles applied to the highlighted element, including what style declarations are being applied.

(The process should be similar in Firefox, using the Firebug extension.)

Cheers mate, Firebug is a legendary add-on!

Anyway, is there a way I can place adverts above the main header of the page?

In the way this site is formatted;
https://forzaitalianfootball.com/

you can add something directly after this line
<div id="wrapper"><!-- BEGIN WRAPPER -->

for instance:

<div id="wrapper"><!-- BEGIN WRAPPER -->
<div class="header-ads">ad-code</div>

style it in style.css; for example:

.header-ads {
height:90px;
width:700px;
display:block;
background:#ccc;
padding:2px;
margin: 0 auto;
}

Hey guys, any ideas how I can get the bet365 ad alongside (rather than underneath) the oblong advert at the top?

example:

https://pastebin.com/awGCbeuf

used the html in the browser from your site, and added a new div with bet365.

(this is the html before the change https://pastebin.com/kvsnjKJj )
)
hope you can identify what goes where.

Fantastic mate. It seems like I have a never-ending run of questions but hopefully this is my last one!

I need this logo…
https://cleansheetsallround.co.uk/wp-content/themes/sports-theme/images/ffc-bloggers-network.png

In the purple header at the top but to the right of the main logo.

Thanks again for all your help!

Anyone?

Still looking for help on the above!