WordPress.org

Ready to get started?Download WordPress

Forums

Scrappy
Amazon aStore in Foxfire (14 posts)

  1. jkgray
    Member
    Posted 1 year ago #

    Scrappy is a great theme. Thanks for sharing it.

    It has worked perfectly until I tried in add Amazon aStore. The online store looks great in Safari and IE but Mozilla Foxfire cuts the store in half. I have made sure to select WordPress a page with no columns. Any thoughts?

    Compare this link in IE and Foxfire: http://www.nursingnurture.com/store-3/

    Thanks for any assistance!

    http://wordpress.org/extend/themes/scrappy/

  2. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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.

  3. jkgray
    Member
    Posted 1 year ago #

    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!

  4. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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!

  5. jkgray
    Member
    Posted 1 year ago #

    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?

  6. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    *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.

  7. jkgray
    Member
    Posted 1 year ago #

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

  8. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

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

  9. jkgray
    Member
    Posted 1 year ago #

    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.

  10. jkgray
    Member
    Posted 1 year ago #


  11. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    Try:

    .page-template-page-nosidebar-php #primary {
      width: 100%;
    }
  12. jkgray
    Member
    Posted 1 year ago #

    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

  13. Caroline Moore
    Member
    Theme Author

    Posted 1 year ago #

    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.

  14. jkgray
    Member
    Posted 1 year ago #

    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!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags