Image Overlay

[Robert Bohannan]

RE: CutsNStyles Pro

Is it possible to “Overlay” an image on top of a background image slider? I would like to display a Barber Pole at the top near the header, without having to add a new column, etc.
Please advise

shear-perfections.com

[Sonl Sinha]

Hi,

Your website is on under construction mode. Therefore we are unable to check the issue.

Regards,
Dave

[Robert Bohannan]

There is no Issue.
I am kindly asking if it were possible to place a small image anywhere in the site without changing the structure of the site.
Example: I want to place a small image of a Barberpole on the front page of my site, which is made with CutsNStyles.
Is it possible to simply have an image that “floats” or “lays” on top of the background slider image without it actually being attached?
Reason I want to do this is our Salon Stylist are also Barbers, and we want to illustrate that on our site.

Please advise

[Sonl Sinha]

Hi,

I am not sure what you mean by this. Can you may be draw or point out in an image?

You can upload image in https://imgbb.com/ and share the link here.

Regards,
Dave

[Robert Bohannan]

https://ibb.co/WfGqWsV

I would like to place an image on top of a main front page image, for example this barber pole… i want a visitor to know our stylists are licensed Barber’s too.

Can this be done?

[Sonl Sinha]

Hi,

Yes, you can add this image on the slider image using custom css.

Regards,
Dave

[Robert Bohannan]

ok… considering i do not have CSS knowledge, could you possible point me in the right direction or enlighten me ??

[Sonl Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

#home_slider { position: relative;}
#home_slider::before {
  content: "";
  width: 100px;
  height: 100px;
  position: absolute;
  background-image: add small image path here;
  top: 8%;
  left: 19%;
  z-index: 10;
}

Note: Please put the path of your small image in the “background-image” CSS property.

Regards,
Dave

[Author]

Posts