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

tariksfendla

Member
  • Content Count

    5
  • Joined

  • Last visited

  1. If you want to apply the setting to all the summary blocks across your site, I believe this CSS will accomplish it. You will need to add it to your custom CSS section and then on each thumbnail block you will need to select "1:1 square" in the aspect ratio (click on "edit summary" and then go to "layout" tab): .summary-thumbnail img{ position: absolute; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border-radius: 100% !important } If you want to limit this code to a particular page, I suggest to add it to that particular page's Page Settings > Advanced > Page Header Code Injection, but you will have to add <Style> .summary-thumbnail img{ position: absolute; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border-radius: 100% !important } </style> If anyone thinks about an easyer way, you are very welcome.
  2. Thanks silvabokis for your reactivity!I have done a bit of research and so far I have the job half done : it shows oval images, therefore in order to have circles, the initial image must be square...Here is the code I ended up with : .summary-thumbnail img{ position: absolute; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; border-radius: 100% !important } Does anyone know how to force even rectangular photos into perfect circular shapes (not turning oval when the resolution is changing)?Thanks in advance
  3. No I don't think so, the template images frame seem to be rectangular... Is there any code to include in CSS so that I can control the border of the images (like border radius)I would like to change more specificaly the summary images (a solution for a specific image would be appreciated though)
  4. Hi, did anyone resolve this one? I am using Charlotte template which includes nativelly circle image blocks, but as soon as I change the image I loose the circular shape to rectangular...Thanks in advance
×
×
  • Create New...