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.


 Send me a message if you have any questions.

OFF forum from Jan 16 - Jan 31 for Lunar New Year.

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