Jump to content

div.sqs_block_content has no height

Recommended Posts

Hi all,

I would like to make a tile that flips when you hover over it. In order to do so I want to give it the same height as the "code block" height. So that I can scale my tile as I scale the code block element. The problem is that my code doesn't enter directly in the "fe_block" div, but there's a div in between called "sqs_block_content". This (super annoying) div has no height. And because of that I cannot make my tile inherit the height of its great parent "fe_block" it always inherits the height of its direct parent "sqs_block_content". How can I solve this issue? See attached image for extra clarification.

Thanks

Capture.jpg

Link to comment
  • Replies 1
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

I could be crazy here but can't you just add custom css for overriding the style?

.sqs-block-content {

height: some_value;

min-height: some_value;

max-height: some_value;

if the item is a link it should be .sqs-block-content a {

}

if squarespace refuses to give up the goose, you can try to force it by adding !important to the end of the value string, so height: 100px!important;

Link to comment

Create an account or sign in to comment

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


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