Jump to content

floating card /. background section within blog post

Go to solution Solved by tuanphan,

Recommended Posts

https://restaurants.fiveguys.be/fr_be/city-2-mall;-units-n13-and-m10

Hello, 

I'm trying to build a blog page section like this one on my website.
How to target one section on a blog ? (to add background etc) is it possible ?
How to make those button-like payments infos ? 

Exemple of a blog page under construction: https://blenny-blue-6prx.squarespace.com/blog-locations/cimdix-2ws34-nmlnc 
password : password1234

Thanks ! 

Capture d’écran 2023-12-04 à 14.56.41.png

Link to comment
  • Replies 10
  • Views 1.5k
  • Created
  • Last Reply

Top Posters In This Topic

On 12/6/2023 at 1:11 PM, tuanphan said:

Hi,

I think it is possible, but can you check url again? It doesn't exist

https://blenny-blue-6prx.squarespace.com/blog-locations/cimdix-2ws34-nmlnc 

Hello, 

This is the "blog" https://blenny-blue-6prx.squarespace.com/locations

This is an "article" : https://blenny-blue-6prx.squarespace.com/list-locations/cimdix-2ws34-nmlnc (the one I worked on design wise. BTW I have been trying to hide or change font title unsuccessfully)

Thanks for helping !

Edited by Priscillia
Link to comment
  • Solution
22 hours ago, Priscillia said:

Hello, 

This is the "blog" https://blenny-blue-6prx.squarespace.com/locations

This is an "article" : https://blenny-blue-6prx.squarespace.com/list-locations/cimdix-2ws34-nmlnc (the one I worked on design wise. BTW I have been trying to hide or change font title unsuccessfully)

Thanks for helping !

You mean hide this?

image.png.d3744395d4009dbb16a2aaacaf789c27.png

You can add this to Website Tools (under Not Linked) > Custom CSS

.blog-item-title {
    display: none !important;
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...
On 12/13/2023 at 9:17 AM, tuanphan said:

You mean hide this?

image.png.d3744395d4009dbb16a2aaacaf789c27.png

You can add this to Website Tools (under Not Linked) > Custom CSS

.blog-item-title {
    display: none !important;
}

 

Unfortunately this did not work, sorry !

i also tried these 


h1.entry-title {
    display: none !important; 
}

.blog-item-title h1 {
    display: none !important;
}

Even if I try just changing the font-family, it doesn't target it. 

 

Link to comment
17 hours ago, Priscillia said:

Unfortunately this did not work, sorry !

i also tried these 


h1.entry-title {
    display: none !important; 
}

.blog-item-title h1 {
    display: none !important;
}

Even if I try just changing the font-family, it doesn't target it. 

 

The code should work, which exact position you added in CSS box? Can you keep my code in CSS box? I can check again easier

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 weeks later...

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.