Solved

how to add background colour to theme

Posted on 2013-11-05
8
319 Views
Last Modified: 2013-11-06
Hi Guys,


I was wondering how i would add a background colour of gree to the following site but keeping the body white? here at http://dancingsoul.greatlocks.ie/

see the way the blue is here at http://www.bodyfirst.ie

also i have the deleted the logo how can i delete it from the code so it doesnt just look like a broken image?

thank you
0
Comment
Question by:jonathanduane2010
  • 2
  • 2
  • 2
  • +2
8 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 39625970
When I see a page with 27 stylesheets, plus scripting that is modifying styles, I assume that there is not going to be any reliable way to deal with it.

When I validate and the validator finds over 20 errors before it even gets out of the head, and then quits because it cannot understand the page I can only recommend one thing: start over; what you have is unmaintainable.  

Things like what you are asking should take 30 seconds, but the code is such a rat's nest that it might take 5 minutes to figure it out or 5 years.  I don't know whether it is just crappy themes/templates or if you need to upgrade your skills but that page does not deserve to live.

Cd&
0
 
LVL 43

Expert Comment

by:Chris Stanyon
ID: 39626023
I'm going to second what Cd& said. That page really is beyond all hope. Look at the source of the page - you have 500 lines of junk before you get anywhere near any content, including a whole load HTML in the HEAD. Bin it - seriously!

There is no easy way to do what you want. You would need to re-think your HTML structure  before even contemplating changing the CSS.

Sorry :(
0
 
LVL 18

Assisted Solution

by:Rartemass
Rartemass earned 167 total points
ID: 39626430
For the few seconds I was able to look at your code before my eyes bled I found the following to assist with your enquiry.

It looks like your code for the logo is on line 471, repeated below.

 <a href="http://dancingsoul.greatlocks.ie"><img id="logo" src="http://dancingsoul.greatlocks.ie/wp-content/themes/consultant/images/consultant-logo.png" alt="WP Consultant, a collective theme by Contempo" /></a>

Delete that and it will go away. If you only want the logo to go away but keep the link then remove the <img> tag. So if you want text as the link try this:
 <a href="http://dancingsoul.greatlocks.ie">WP Consultant, a collective theme by Contempo</a>

I value my remaining brain cells too much to try to figure out how to get the colour change with your current setup. Instead I will provide some direction on how to achieve the result. One way to set this up is as follows:

HTML
<html>
<head>...</head>
<body>
<div id="container">
<div class="banner">...</div>
<div class="menu">...</div>
<div class="content">...</div>
...
</div>
</body>
</html>

Open in new window


Then the CSS
html {
overflow-y: scroll; /* this adds a vertical scrollbar on all pages and prevents short pages from aligning wider to account for the missing scrollbar. */
overflow-x: auto; /* this adds a horizontal scrollbar for wide pages when needed. */
width:100%;
}

body {
background-color:#00CC00; /* green */
width: 100;
}

#container {
width: 80%;
max-width: 1260px; /* this stops the layout getting too wide on large monitors. IE6 does not respect this. */
min-width: 780px; /* this stops the layout getting too narrow. Again IE6 does not respect this. */
background: #FFFFFF; /* white */
margin: 0 auto; /* this will centre the layout */
}

Open in new window


The head tag should only have things like the link to the stylesheet, link to javascript files, page title, etc. The body contains all the elements you want to display on the page.

My comments for this question explains it further:
http://www.experts-exchange.com/Web_Development/Web_Languages-Standards/HTML/Q_28255044.html
0
 

Author Comment

by:jonathanduane2010
ID: 39626944
ok guys, i have changed the theme... (maybe that might help?)

so how can i set this as the background image?
bg-soul3.jpg
0
Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

 
LVL 18

Expert Comment

by:Rartemass
ID: 39627055
You will need to apply the background image to the CSS. I'd use it on the first CSS that is used.
These links shows the format for the CSS you need.
http://www.w3schools.com/cssref/pr_background-image.asp
http://www.w3schools.com/css/css_background.asp
0
 
LVL 43

Assisted Solution

by:Chris Stanyon
Chris Stanyon earned 166 total points
ID: 39627064
OK. Your are setting the background to the body on line 130 of style.css. Change the image on that line:

background: url("images/bg-soul3.jpg") repeat scroll left top #E8E8E8;

Open in new window

Make sure you upload it to the correct folder. Also you will have a line in the image where it repeats.

I don't know where you're getting these themes from, or whether it's just down to your WordPress configuration, but you still have really bad HTML. The HEAD is still 450 lines long and full of HTML code. This will cause you problems - I guarantee it!
0
 
LVL 1

Accepted Solution

by:
4um earned 167 total points
ID: 39628156
0
 
LVL 1

Expert Comment

by:4um
ID: 39628175
do you change that?
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The purpose of this video is to demonstrate how to Import and export files in WordPress. This will be demonstrated using a Windows 8 PC. Go to your WordPress login page. This will look like the following: mywebsite.com/wp-login.php : Click on Too…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now