Banner Image

  • Is it possible to make the banner/header image on the homepage go to a custom URL if you click on it? When it was set to the slider option, each slider would go to the URL when you clicked on it, but that does not seem to be the case with banner option. Any help would be appreciated. Thank you.

    EDIT: I have the caption heading section blank. I think that is the issue. Can the slider image become clickable with that setting empty? If not, is it possible to move the caption heading section to the bottom of the slider image, rather than have it in the middle?

    • This topic was modified 7 years, 8 months ago by sal5051.
    • This topic was modified 7 years, 8 months ago by sal5051.
Viewing 4 replies - 1 through 4 (of 4 total)

  • Hi @sal5051, I’m @ricotheque from LyraThemes.

    Please add this to your Appearance > Customize > Additional CSS:

    .frontpage-banner .caption {
	top: auto;
	bottom: 0;
	padding-bottom: 10px;
	-webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

    Hope this helps!

    Thread Starter sal5051

    (@sal5051)

    Is there CSS to make the title invisible, yet still make the banner image clickable?

    Thread Starter sal5051

    (@sal5051)

    This setting in the sliders is an option:

    Hide Captions, Link Images? If this option is turned on, the headings, descriptions, and icons for the slides will be hidden and the image will be linked directly to the URLs provided.

    But clicking that on doesn’t seem to work for banner/header option.

    Hey @sal5051, you can add display: none; to the CSS code I provided above.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Banner Image’ is closed to new replies.