Community Forums › Forums › Archived Forums › Design Tips and Tricks › CSS landing page background colour and padding
- This topic has 5 replies, 2 voices, and was last updated 9 years, 4 months ago by
newedgemarketing.
-
AuthorPosts
-
May 18, 2014 at 6:08 pm #105798
newedgemarketing
MemberHi I am trying to change the background colour of my landing page and add some padding to the title of the landing page.
I have used firebug to find the elements in the css and successfully made the changes. However when i come to make the changes to the css nothing happens.
I have cleared the cache and tested in chrome, firefox and safari.
Currently the title has no padding/ space between the header and the title I'd like to add some padding, I found the element easily in firebug the padding was set to 0 so i changed in and it worked.
Did the same for the background colour which is set to colour of #27aae1 which i do use on my site. but i want it to be white changes fine in firebug.
But again as soon as i make the change in the CSS and update the file nothing changes.
I'm stumped I've never had this before.
http://newedgemarketing.com.au/online-marketing-assessment/May 18, 2014 at 7:59 pm #105804nutsandbolts
MemberIt looks like you're using a custom stylesheet of some kind... Is that where you're putting your changes? If so, you might try editing the stylesheet directly - that's the whole purpose of using a child theme. 🙂
I'm seeing the following in the eleven40 stylesheet:
.eleven40-landing .entry { background-color: #fff; padding: 40px 40px 16px; }
Changing to to this seems to fix the title issue:
.eleven40-landing .entry { background-color: #fff; padding: 60px 40px 16px; }
Similarly, you can get the white background by changing this:
.eleven40-landing .site-inner { margin: 0; padding: 0; }
to this:
.eleven40-landing .site-inner { margin: 0; padding: 0; background: #fff; }
These might be the same elements you changed before but the changes definitely aren't showing up on the front end, which is why I asked about custom CSS.
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+May 18, 2014 at 9:35 pm #105812newedgemarketing
MemberHi Andrea,
Thanks for your help, I've added those changes exactly as you've described but still nothing happens.
Here's a screen shot of what i see after clearing cache and doing a hard refresh in my browser:
http://newedgemarketing.com.au/wp-content/uploads/2014/05/Screen-Shot-2014-05-19-at-1.32.01-pm.png
as you can see theres no change to the padding above my title and no change to the background colour.
May 18, 2014 at 10:14 pm #105816newedgemarketing
MemberJust a not on this its not the colour of the content area i want changed I know thats white and want that to stay white its the area either side of the content that i want to change its current blue the same as my menu i want the menu blue as is but the area to the left and right of the content area (whatever that supposed to be called) to be white and its currently blue.
May 20, 2014 at 5:07 pm #106090nutsandbolts
MemberDid you get this resolved? I'm seeing it the way I think you wanted it to look:
Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
I provide development and training services for designers • Find me on Twitter and Google+May 20, 2014 at 5:17 pm #106095newedgemarketing
MemberHi Andrea,
Yes I did, seems my host uses super cacher, it was as simple as clearing that and it worked!
Thanks so much for your help!
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.