Create Opage Page Container

  • I cannot provide link because site is not live yet. I am using Storefront and, obviously, Woo Commerce.

    As I started customizing, I put in a background image and found that the Storefront pages are transparent so instead of the background showing only on right and left of page containers, the “background image” covers the entire page. The text on my pages floats on top of the background image. Yes, I can make the background solid white and not use an image, but then I can’t use my background image at all.

    So I thought if I can make the current transparent container (or is it a column) opaque (whether 100% or less), then my text will look better.

    Even on my shop page, the product images are all on top of the “background image” so there appears to be no visible container. On other WordPress sites, I can just upload a background image but it doesn’t cover the entire page space. Do you see what I mean?

    I can’t believe everyone is using the Storefront theme with a plain background. So I must be doing something wrong. I will upload image and give a link to it. Thanks in advance for any help. Here: image of my site’s problem

Viewing 1 replies (of 1 total)

  • Hi,

    You can fix this by using a pagebuilder like https://siteorigin.com/page-builder/

    This, and most of the other pagebuilders out there, give you the option to set a background color to every row. That way your text will be easy to read and you can easily choose your own colours.

    That said, I would advise you to reconsider using a busy background image all together for these reasons:

    More then 50% and up, are looking at website with a small smartphone or tablet and wont see the background anyway.

    Those who can see the background will be distracted by it. If you want them to be able to focus on your text, you will need to give your rows a colour.
    This will also make the background image loose its charme.

    Annie

Viewing 1 replies (of 1 total)
  • The topic ‘Create Opage Page Container’ is closed to new replies.