Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
displaynamed

Custom code modification

Question

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;
}

Screen Shot 2020-01-10 at 11.46.22 AM.png

Share this post


Link to post

3 answers to this question

Recommended Posts

  • 0
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.


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Armadillo - Free portfolio template

Share this post


Link to post

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...