Image Overlay

Home Forums Beauty Cuts Theme Support Image Overlay

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #203689
    Robert BohannanRobert Bohannan
    Participant
    • Topics: 8
    • Replies: 7
    • Total: 15
    Member since: February 10, 2022

    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

    #203719
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #203729
    Robert BohannanRobert Bohannan
    Participant
    • Topics: 8
    • Replies: 7
    • Total: 15
    Member since: February 10, 2022

    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

    #203745
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    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

    #203750
    Robert BohannanRobert Bohannan
    Participant
    • Topics: 8
    • Replies: 7
    • Total: 15
    Member since: February 10, 2022

    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?

    #203752
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    Hi,

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

    Regards,
    Dave

    #203761
    Robert BohannanRobert Bohannan
    Participant
    • Topics: 8
    • Replies: 7
    • Total: 15
    Member since: February 10, 2022

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

    #203763
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30633
    • Total: 30633
    Member since: August 16, 2013

    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

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.