WebSite X5Help Center

 
Matt S.
Matt S.
User

Header and image border radius  en

Author: Matt S.
Visited 1751, Followers 1, Shared 0  

Can I adjust the border radius of my header images and images in general?

When creating in HTML/CSS the border radius of any image is a simple adjustable parameter which I can manipulate.

In X5 it seems that I can either use a pre-defined mask or a separate border style. The border style however doesn't round-off the corners of the image itself.

I realise that I can implement 'expert' code to specify the style, but am I missing something obvious?

Is there a specific image style spec that allows me to create and change the image presentation in both Header and Page contents?

Thanks for any help or guidance.

Matt

Posted on the
3 ANSWERS - 1 CORRECT
Incomedia
Stefano G.
Incomedia

Hi Matt

Even though you do have the opportunity of changing the border-radius for a cell, the correct way to show a round image is most surely to use Masks:

A border-radius parameter is not applicable to an image directly through the software's UI, but you can obtain the same result like this.

If you wish to do this in a different way, you can always add custom code inside the project for which the Staff cannot offer support though

I hope I've been helpful nonetheless

Thank you

Stefano

Read more
Posted on the from Stefano G.
Axel  
Axel  
User

Click on Inspect on your picture into chrome to find the DIV name

And add this code into advanced tab of page properties before to close /HEAD

And the picture will be :

Remove the comments on the border to display this

Hope this helps

https://wsx5.afsofwtare.fr

Read more
Posted on the from Axel  
Matt S.
Matt S.
User
Author

Hi there to both those who commented.

I understand both solutions and have at various times used both.

So thanks for your input. 

I just thought that their might be a simple parameter in the UI that could change which would reflect the CSS border-radius spec. Obviously there isn't so I wqill continue to include my own specs at HTML/CSS level.

Thanks to all for their input.

Regards

Matt

Read more
Posted on the from Matt S.