Support » Fixing WordPress » Fitting in a widget

  • Hi

    I hope this is an easy question, as I’m just a newbie.

    I have created a blog site http://www.frasermccullochphotography.com using the Twenty Fourteen theme.

    I am trying to add a shopping cart widget created by Fine Art America (where I sell my photos). The embed code is as follows:

    <script type=’text/javascript’ src=’https://fineartamerica.com/widgetshoppingcart/widgetscripts.php’></script>
    <iframe src=’https://fineartamerica.com/widgetshoppingcart/artwork.html?memberidtype=artistid&memberid=299826&domainid=0&showheader=0&height=600′ style=’display: inline-block; width: 100%; height: 820px; border: none; overflow: hidden;’></iframe>

    However, you will see, if you visit my shop page that the full widget does not display (i.e. you have to scroll down and then scroll to the right from within the widget. I want the full widget to display without having to scroll right.

    I have tried changing the page type from default template to full width page, but that just seems to centre the content and I still have the scrolling problem.

    I have a little CSS knowledge (dangerous I know) and have amended the content width (from 474 to 600 pixels). That has pushed all of my content left (on all pages, which I wanted) but I still have the problem on the shop page.

    Can anyone help a newbie?

    Thanks in advance.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Unfortunately, it isn’t the CSS in your theme that is the problem, but in the widget. If you go to the widget demo page and resize your browser to see how it behaves, you will see it gets the same horizontal scrollbar you are seeing in your theme:
    http://fineartamerica.com/announcementiframeshoppingcart.html

    I played around with the CSS on the widget itself (within my browser’s developer tools, not actually editing the files on the server) and even then there is no simple way to fix the layout problem.

    Your best option would be to contact Fine Art America and see if there are any configuration preferences for the widget, to customize it for a narrower theme. Otherwise, you might need a theme with a wide body area.

    Thanks Anthony

    I really appreciate your response.

    I tried as you suggested via the demo page to try and see how big the space needed to be to fit the full widget without the scroll bar.

    Just going by my eye it looks like the widget would fit, if it took up both the Main Content and the Content Sidebar widget.

    I assume it’s not as simple as selecting ‘full width page’ to combine the two?

    Thanks again,
    Fraser

    Try this CSS in a custom css plugin or a child theme:

    .page-id-77 .site-content .entry-content {
        max-width: 100%;
    }

    Thanks Dave.

    That works perfectly (apologies for the slow response!)

    If you’re interested, please see:
    http://www.frasermccullochphotography.com/shop/

    I may need to ask this question separately, but do you know if there is a way to keep post categories, but not display them at the top of every post?

    Many thanks again.

    Fraser

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Fitting in a widget’ is closed to new replies.