Adding a logo over a Slideshow

danielle77 · July 23, 2020

Site URL: https://caseyhowarddesigns.com

I'm trying to get a logo to lay on top of an image slideshow on my client's homepage. Template is Hayden. I know how to add the logo to the custom css files, but not sure what html to add and whether it should go in the custom css section or a code block on the homepage.... help?

Screenshots below of roughly what I'm trying to accomplish!

bangank36 · July 23, 2020

Hi there danielle77, please try this

To add CSS, go to Design -> Custom CSS

#block-yui_3_17_2_1_1540315449823_3808 {
  position: relative;
}
#block-yui_3_17_2_1_1540315449823_3808:after {
    content: "";
    position: absolute;
    background: red;
    width: 50vh;
    height: 50vh;
    z-index: 9999;
    top: 50%;
    left: 50%;
    background: url(//static1.squarespace.com/static/5babde5a90f904186af144b2/t/5f18f2f2db72d903c7582448/1595477269078/?format=1500w) no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%);
}

Adding a logo over a Slideshow

Question

danielle77 0

Link to post

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Posted Images

1 answer to this question

Recommended Posts

bangank36 597

Link to post

Create an account or sign in to comment

Support

Community

Developers

Resources