Custom code modification

Hi all,

I am trying to modify some custom code (sent to me a while back by an awesome forum member, thanks! @tuanphan). The code is for replacing the title text of the image block with a logo image, it works perfectly in the first two instances (in the .image-title).

I am trying to modify the code to display an additional logo (100YRS in screenshot) directly next to the "Visit Timeline" button.  I've attached a screenshot of the design intent.  

The code currently looks like this: 

div#block-yui_3_17_2_1_1573768565031_133210 .image-button p {
    visibility: visible;
}
div#block-yui_3_17_2_1_1573768565031_133210 .image-button p:after {
    content: "";
    background-image: url(https://static1.squarespace.com/static/5dcc2616727c242c65b6f443/t/5e189c27af0cd62902160d3a/1578671143316/100yr-14.png);
    background-size: contain;
    display: block;
    width: 83px;
    height: 46px;
    visibility: visible;
    background-repeat: no-repeat;
    background-position: left center;
}

Can you share link to image in screenshot?

On 1/10/2020 at 5:43 PM, tuanphan said:

Can you share link to image in screenshot?

artbridge730third.squarespace.com

password demo730

On 1/17/2020 at 12:53 AM, displaynamed said:

artbridge730third.squarespace.com

password demo730

I think using jQuery to insert image tag under button, then use CSS to style it, will be better.

Saved your question, will check after Lunar New Year.