This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Format Background of Widget

Open 7 replies technicalthemetheme-vantage
LaTorri McCray
Started · Latest reply by Support Assistants

Hello-

Is it possible to customize the background of a particular widget on a specific page (other than the options given in the settings)? I have a checklist I like to overlay on a image. I want to be able to control the alignment of the width of the background image. Is that possible?

This is our free support forum. Replies can take several days.

Need fast email support? Get SiteOrigin Premium

Replies

7
  1. LaTorri McCray Private

    This is a private message.

  2. Support Assistants

    Hi LaTorri

    The Design tab of each widget offers a background image setting. Once that’s applied we could try assist with tweaking the alignment using Custom CSS. If you have it close to where you want it, we could try assist from there. Is the yellow image the image you’re trying to use?

  3. LaTorri McCray

    Yes. I am ultimately trying to place the check list on the image/clipped paper. Also, I want to display the full image (it's currently cut off in it current format).

    Also-I submitted a response to another ticket I have opened (headers). I mistakenly publish inform I did not want the public to view. Can you please make me last responses private?

  4. Support Assistants

    I’d recommend using a single SiteOrigin Editor widget for your text. Click the Design tab when editing the widget and add your background there and not at the row settings level. Next, click the Attributes tab and enter the following in the CSS Styles field:

    background-size: 100%;
  5. Support Assistants

    Also-I submitted a response to another ticket I have opened (headers). I mistakenly publish inform I did not want the public to view. Can you please make me last responses private?

    Done :) Marked the IP private.

  6. LaTorri McCray

    Tried what you recommended but it does not work. The top of image is still cut off. The text/checklist you see was created with a plugin (Front-End).
    Is there a way to change the alignment of the image (to the left)?

  7. Support Assistants

    Try editing the widget itself and adding to the CSS Styles in the Attributes tab:

    background-size: contain;

    I’m not sure if this is one we’ll be able to resolve given the image size.

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread