How to add an image over top of home page sliders – Barnelli theme

  • My client was just announced as one of the top 100 Restaurants in Canada. I have created a seal to go on all their marketing material, and wanted to also put it in the center of the home page slider on their website. Do I have to put the seal on each image individually and reload (worried the position might shift, I want it to be in the same spot on each slide)? Is there a way to do it in the home page editor so that it sits over top of all the slides in the slider? I tried to add it directly into the editor but it was not visible. Theme is Barnelli restaurant theme.

    Site is ambiyan.com

    Any help would be greatly appreciated.

Viewing 1 replies (of 1 total)

  • The easiest way to do it is to just add it to the sliders, a la Photoshop.

    But if you want to add it using HTML/CSS, you make the parent of the slideshow have a relative position and then give the image a position of absolute.

    Example:

    .slider-parent{
position: relative;}

.seal{
position: absolute;
top: 50%;
left: 50%;
}

    That would place the seal over the slider image 50% from the top and 50% from the left of the window.

    You’ll probably need to make adjustments with media queries as it scales down, but that should get you started.

Viewing 1 replies (of 1 total)
  • The topic ‘How to add an image over top of home page sliders – Barnelli theme’ is closed to new replies.