Inserting a icon border

  • Resolved ghug

    (@ghug)


    10 years, 7 months ago

    Hello,

    I am trying to insert an image to border the appstore-icon images. I was planning on creating a <span> in the app-store icon link, and insert a custom image as the background. However, I am having trouble doing this.

    Is there anyway to achieve this? Or perhaps an easier/more efficient way then what I am attempting?

    Thanks in advance.

    https://www.ads-software.com/plugins/app-store-assistant/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author SEALsystems

    (@sealsystems)

    span.overlay {
    background: url('images/thumb-overlay.png') no-repeat scroll 0px 0px transparent;
    display: block;
    height: 203px;
    left: -22px;
    position: absolute;
    top: -15px;
    width: 220px;
}'
    <div class="thumb">

    <img width="175" height="175" alt="Woodcraft" src="/wp-content/uploads/2014/04/FI_467348986_asaArtwork_featured-175x175.png"></img>
    <span class="overlay"></span>

</div>
    Thread Starter ghug

    (@ghug)

    Thank you for the CSS Styling, however, I am still unsure how to have a <span class=”overlay”> appear when I’m using the shortcode in a post to generate the app data.

    Plugin Author SEALsystems

    (@sealsystems)

    You would have to add this to your theme file.

    Plugin Author SEALsystems

    (@sealsystems)

    Did that work for you?

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Inserting a icon border’ is closed to new replies.