Help Please – Need to Identify Background Area to Change Colour

[LaunchPad777]

Hello everyone,

Using Parallax Pro for client site...

Have been using Firebug for what seems like hours now, to try and identify the CSS to change the background colour between two Home Sections....

See screencast http://screencast.com/t/P9KshSC3

Please can you try and identify the code needed...

Regards
Greg

http://www.test.gregcooksley.com

[emasai]

In your css you have home-even around line 1181 which gives you a background-color: #FFF; change that.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[LaunchPad777]

Thanks for taking the time to reply Lynne...

But that is complete "greek" to me.....I wouldn't know how to even go and find that line 1181....

Can you tell me how to go and locate that please?

Regards
Greg

[LaunchPad777]

Update:
Downloaded Notepad++ and also the style.css file....

Alas, I can now see line 1181 and therabouts but cannot find the home-even anywhere near there. Upon inspection further, there are many "home-even" references.....Can you point me to the right one?

EDIT: Found it on my PC at line 1148.
However, I need the background colour of the whole website to be that grey colour.
What I need t do is to change the colour to white for the small space between the two Sections as depicted in the screenshot.

Alternatively, I can also live with changing the space to that blue-grey colour of the section above. Either will do....

Effectively, I need to join the two Sections....

Your assistance is appreciated....
Regards

Greg

[chillybin]

Look for this line

.home-even, 
.home-odd {
    padding: 0px 0 0px;
}

and change it to this, it will close the gap up for you

.home-even,
.home-odd {
  padding: 0px;
}

---

We are a web design & development consultancy based in Singapore who specialise in all things WordPress & Genesis. | ChillyBin Web Design & Consultancy: http://www.chillybin.com.sg | Twitter: @chillybindesign

[emasai]

Take a look at your site on a mobile device. Your text becomes very narrow because you have huge left and right margins.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[LaunchPad777]

Hi chillybin,

Yes you are right, that closes the gap nicely.....BUT it causes another problem in that the heading of Home Section 1 - "Nice to meet you" disappears under the Header....

We are on the right track but need another angle....any ideas Lynne
What do you suggest?

EDIT: Scratch that - by just targetting the code for the even numbered sections does the trick! THANKS!!!
.home-even {
padding: 0px;
}

Regards
Greg

[LaunchPad777]

Hi Lynne,

The design calls for the huge spaces on the left and right...

How do I fix the margins so that it shows properly on mobile devices?

Regards

Greg

[emasai]

You will have to write a new rule for them in the different media queries to make those margins smaller. At the moment they are at 200px.
E.G.
#black-studio-tinymce-2 .textwidget {
margin-left: 20px;
margin-right: 20px;}

I just found the one above, but there may be others with different numbers.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[LaunchPad777]

Hi Lynne,

What would such a rule look like?

And is it better to use padding in this case (rather than margins)?

Regards
Greg

[emasai]

Just like I wrote it. The original is
#black-studio-tinymce-2 .textwidget {
margin-left: 200px;
margin-right: 200px;}

So in the media rules where you see it gets too skinny you write a new rule for it. In the wider media rules you could make the margins 100px or 50px.

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[Author]

Posts