Support » Theme: Scrappy » [Theme: Scrappy] Amazon aStore in Foxfire

Viewing 13 replies - 1 through 13 (of 13 total)
  • Theme Author Caroline Moore

    (@sixhours)

    Try setting #primary { width: 100%; } in your child theme’s style.css… the Amazon Store iframe isn’t being recognized as a full-width element so it gets hidden.

    Thread Starter jkgray

    (@jkgray)

    Thanks, that was fast! Help me out though…where / what is the child theme’s style css? I can make the changes, just help me find that…Thanks!

    Theme Author Caroline Moore

    (@sixhours)

    Ahh, you should create a child theme for your changes so they don’t get overwritten by future theme updates. That link should make it more clear!

    Thread Starter jkgray

    (@jkgray)

    Thanks for the link…I have read (and will re-read) and give it a shot! But just to clarify, I’m confused why the Amazon aStore views properly on IE and Safari but NOT Foxfire. Will this code address Foxfire specifically?

    Theme Author Caroline Moore

    (@sixhours)

    *shrug* Every browser renders things a little differently, and iframes are notorious for causing weirdness cross-platform. It doesn’t look right in Safari on my Mac, either, so it’s not a fix specifically for Firefox.

    Thread Starter jkgray

    (@jkgray)

    Argh! OK. so if you were me….?

    Theme Author Caroline Moore

    (@sixhours)

    Not sure what you’re asking… but if you create the child theme and add the code I posted above, that should fix it.

    Thread Starter jkgray

    (@jkgray)

    OK, I tried adding #primary { width: 100%; } to the child theme, as you suggested above, and the Amazon aStore viewed correctly in all browsers.

    However doing this pushes the right sidebar of all the other pages on the site to the bottom of the page (we were just talking about this in the other thread). Is there a way around this? Is it somehow possible to activate the child theme on only the Amazon page? Thanks for any help.

    Thread Starter jkgray

    (@jkgray)

    Theme Author Caroline Moore

    (@sixhours)

    Try:

    .page-template-page-nosidebar-php #primary {
      width: 100%;
    }
    Thread Starter jkgray

    (@jkgray)

    That sort of worked…one widget shows but all the others are pushed to the bottom and there seems to be some extra ones as well. Any other thoughts?

    <a href=”http://www.nursingnurture.com
    “>http://www.nursingnurture.com

    Theme Author Caroline Moore

    (@sixhours)

    Pretty sure that’s not a result of the CSS change. Look under Appearance -> Widgets–you probably have some widgets in the Footer areas instead of the Sidebar area.

    Thread Starter jkgray

    (@jkgray)

    That worked! After I created the child theme the first time but was missing that extra bit of code you added, all of my widgets “reset”. That’s not a big deal but I didn’t realize several widgets had been added to the footer.

    Gotta say, you’re awesome and have been so much help! I’m learning little by little and hope I can become as good as you at all of this!

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘[Theme: Scrappy] Amazon aStore in Foxfire’ is closed to new replies.