Community Forums › Forums › Archived Forums › Design Tips and Tricks › Help Please – Need to Identify Background Area to Change Colour
Tagged: background code, parallax-pro
- This topic has 10 replies, 3 voices, and was last updated 9 years, 2 months ago by
emasai.
-
AuthorPosts
-
March 2, 2014 at 12:48 pm #93081
LaunchPad777
MemberHello 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
http://www.test.gregcooksley.com
GregMarch 2, 2014 at 4:41 pm #93098emasai
ParticipantIn 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.comMarch 3, 2014 at 1:22 am #93148LaunchPad777
MemberThanks 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
GregMarch 3, 2014 at 4:22 am #93166LaunchPad777
MemberUpdate:
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....
RegardsGreg
March 3, 2014 at 7:14 am #93179chillybin
MemberLook 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
March 3, 2014 at 9:28 am #93205emasai
ParticipantTake 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.comMarch 3, 2014 at 11:29 am #93235LaunchPad777
MemberHi 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
GregMarch 3, 2014 at 11:40 am #93239LaunchPad777
MemberHi 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
March 3, 2014 at 12:18 pm #93247emasai
ParticipantYou 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.comMarch 5, 2014 at 12:43 pm #93550LaunchPad777
MemberHi Lynne,
What would such a rule look like?
And is it better to use padding in this case (rather than margins)?
Regards
GregMarch 5, 2014 at 12:57 pm #93556emasai
ParticipantJust 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 -
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.