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:
    https://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.

    Thread Starter FraserMcCulloch

    (@frasermcculloch)

    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%;
    }
    Thread Starter FraserMcCulloch

    (@frasermcculloch)

    Thanks Dave.

    That works perfectly (apologies for the slow response!)

    If you’re interested, please see:
    https://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.