Custom Headline accent

Support
#1

Hey there.

I’m looking to replace the accent lines on my custom headlines with an image.
Ideally, it will repeat horizontally to fill the space as required and not scale.

I’d also like to be able to do the same thing with the LINE shortcodes as well.

Any ideas?

#2

Hi There,

Could you please provide us with your website URL so we can take a closer look?

Thanks.

#3

Hi.

The website is www.newillusions.lighting but the demo of this in integrity is here: http://demo.theme.co/integrity-1/shortcodes/custom-headline/

Cheers.

#4

Hi,

To change it into an image, you can add this in PRO > Launch > Theme Options > CSS

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
   border:0;
   background:url(line.jpg) top left repeat;
}

Change line.jpg with the url of your image.

For the line shortcode, you can try this,

.x-hr {
      height:5px;
      background:url(line.jpg) top left repeat;
}

Hope that helps.