Home>Support>Add text over Visual Editor Image

Add text over Visual Editor Image

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

Hi support team,

I would like to learn how to add text overlay on image or a photo using visual editior. Please can you help.

Hash

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 25 days ago Alex S
    Hi, I Work Here

    Hi Harsukh,

    Insert the desired image with a caption.

    If desired you can also add a caption by clicking the image and then clicking the edit icon.

    This will look like so in Vantage (it might look slightly different in your theme):

    If you navigate to AppearanceCustom CSS, you’ll get our custom CSS editor. Just add the following code.

    .wp-caption-text {
    	background: rgba(0,0,0,.5);
    	margin-top: -30px !important;
    	display: block;
    	position: relative;
    	color: #fff;
    }
    

    You might also need to install the SiteOrigin CSS Editor.

  2. 9 years, 25 days ago Harsukh Halai

    Thank you Alex. I shall try this over the weekend  and let you know
    Have a great weekend. All the best. 

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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More