Jump to content

Custom code modification

Recommended Posts

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

Link to comment
  • Replies 3
  • Created
  • Last Reply
On 1/17/2020 at 12:53 AM, displaynamed said:


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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.