• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

CSS landing page background colour and padding

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › CSS landing page background colour and padding

This topic is: resolved

Tagged: background colour, changes to taking effect, css, landing pages

  • This topic has 5 replies, 2 voices, and was last updated 8 years, 10 months ago by newedgemarketing.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 18, 2014 at 6:08 pm #105798
    newedgemarketing
    Member

    Hi 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 #105804
    nutsandbolts
    Member

    It 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 #105812
    newedgemarketing
    Member

    Hi 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 #105816
    newedgemarketing
    Member

    Just 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 #106090
    nutsandbolts
    Member

    Did 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 #106095
    newedgemarketing
    Member

    Hi 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!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2023 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble