[Theme: Mayashop] CSS Help Removing Margin on page id

  • Resolved drbotts

    (@drbotts)


    13 years, 2 months ago

    I’m using Mayashop and the specific page is http://www.graciesgearandtraing.com/kickstarter

    I’d like to get a similar look and feel on this page to http://www.flintandtinderusa.com/pages/kickstarter-frame

    So without too much effort, I was hoping to accomplish this with a little css reformatting and some quick page edits. I currently have the following mods on the page.

    .page-id-543 #header img {display:none}
    .page-id-543 #nav
    .page-id-543 #header {display:none}
    .page-id-543 #top {display:none}
    .page-id-543 #minicart {display:none}
    .page-id-543 #post-543 {margin-left:10px}

    I can’t figure out what I’m missing to flush the iframe inside the white content space. There’s a margin I can’t remove on the left side. Any help is greatly appreciated. I’m trying the following;

    .page-id-543 #inner group {padding: 0; margin: 0;}
    .page-id-543 #group {padding: 0; margin: 0;}

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter drbotts

    (@drbotts)

    13 years, 1 month ago

    BTW Enjoy the behind the scenes peak at an upcoming kickstarter 😉

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 1 month ago

    Please make sure your Gracies link works.

    Thread Starter drbotts

    (@drbotts)

    13 years, 1 month ago

    Boy that sure would help you guys wouldn’t it. My fault;

    http://www.graciesgearandtraining.com/kickstarter/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 1 month ago

    Are you using a browser developer tool like the one built-in to Google Chrome?
    http://developers.google.com/chrome-developer-tools/docs/elements

    This looks like the margin you’re looking for
    http://snag.gy/MEaUm.jpg

    Thread Starter drbotts

    (@drbotts)

    13 years, 1 month ago

    I am using the inspect element tool. But I’ve tried to identify the class for this margin, but I can’t seem to get it right. I may literally just have a . in the wrong place, but I am hoping an extra pair of eyes may help me identify it. I’m no pro, but I know just enough to get myself in trouble.

    I literally want this thing wall to wall of the content section. Seamless

    If I could drop the whole wrapper group and do /just/ like the page that flintandtinderusa has I would in a heartbeat. That’s my ideal… I love their page.

    This is the margin I think I’m actually trying to eliminate.

    http://ctrlv.in/175630

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    13 years, 1 month ago

    You said:

    I currently have the following mods on the page.
    …
    .page-id-543 #post-543 {margin-left:10px}

    ^ Don’t add a margin?

    Thread Starter drbotts

    (@drbotts)

    13 years, 1 month ago

    Well, I created part of my problem. Thanks for pointing that out! It occurred to me though that within this, I could create a negative margin and push it back to the edge where I want it.

    Perfect. Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘[Theme: Mayashop] CSS Help Removing Margin on page id’ is closed to new replies.