StudioPress

Forum navigation

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

How to create a full width background-color content section on Metro page

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.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › How to create a full width background-color content section on Metro page

This topic is: not resolved
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • May 21, 2013 at 8:41 pm #42117
    rebootedbody
    Member

    I'm trying to find out how to create a content section that spans the full width of the content area on a page on Metro that has a different background color than the rest of the page.

    I've tried just created a div with background color, margin-left: -80px, etc. etc. but no bueno.

    Anyone know how I can do this easily?

    May 22, 2013 at 4:22 pm #42260
    marybaum
    Participant

    Link please?

    Mary Baum

    Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

    May 22, 2013 at 8:53 pm #42282
    rebootedbody
    Member

    My site is only available by proxy right now unfortunately.

    Basically, in Metro, how do you get a div with a red background (for instance) to span from edge to edge of the content area? Once it reaches the padding, it disappears behind the padding. I can't get it edge to edge.

    May 23, 2013 at 1:09 pm #42345
    rebootedbody
    Member

    Okay, here's an example (hopefully the DNS has propogated and you're looking at the correct site -- I just changed the DNS a couple hours ago).

    http://rebootedbody.com/10-fat-loss-myths/

    I want the grey div to touch the edges of the white content area.

    March 1, 2014 at 4:30 pm #92982
    designbytracy
    Participant

    Did you or anyone else ever figure out how to do this?

    Tracy

    Design by Tracy | Twitter | Facebook | LinkedIn

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