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

Changing Font on Image Block Poster

Question

Posted (edited)

Site URL: https://www.waterdragonfabrics.com/

Hi there!

I am trying to create a piece of CSS code to change the font on my gallery image block (poster). The text that's in bold letters on top of the image.
 I have just tried piecing something together but I have not enough knowledge of CSS. Something along the lines of this:

.design-layout-poster .image-title p:(color:white!important font:? size:?

You can see I am not too experienced. Would appreciate your help. Also I am not sure where to take the font info from. I am imagining I can just use a font name that squarespace offers me in the site styles?

Best wishes,

Marco

Edited by Water_Dragon_Fabrics

Share this post


Link to post

1 answer to this question

Recommended Posts

  • 0

I finally figured this out! It was really hard to find the element in the code. (This is on a 7.1 site.)

 

This worked for me for the heading:

 

.sqs-block-image .design-layout-poster .image-title h1 { 
    font-family: Arial;
    color: #000000 !important;
}

 

For the Sub-Title, just switched h1 to p:

.sqs-block-image .design-layout-poster .image-subtitle p {
    font-family: Arial;
    color: #000000 !important;
}

 

The font-family did not need the !important flag, but the color did. 

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