Round The Top Corners Of Banner Image

[Violette]

Hi,

I would love to round the top two corners of the image in my banner, as shown in the picture below, but have no idea of how to go about it.



I would be so appreciative if someone could help me with that!

Thank you in advance,
Violette

[ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ]

Violette go to admin > advanced styles + css > style sheet, then scroll to around line 240 (the line you're looking for begins with #banner). insert border-radius: 100px 100px 0px 0px; next to the { and adjust the 100 to whatever size you want.

[Pearson]

Is it the whole banner, or do you have an image you would like rounded that you inserted into the banner? ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ 's code works for the whole banner I believe.

[Violette]

Jul 20, 2018 2:42:31 GMT -8 ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ said:

Violette go to admin > advanced styles + css > style sheet, then scroll to around line 240 (the line you're looking for begins with #banner). insert border-radius: 100px 100px 0px 0px; next to the { and adjust the 100 to whatever size you want.

ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ , that worked perfectly! Thank you so much! The size was right, as well!

[Violette]

Jul 20, 2018 5:37:25 GMT -8 Pearson said:

Is it the whole banner, or do you have an image you would like rounded that you inserted into the banner? ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ 's code works for the whole banner I believe.

Hi, Pearson ,

It is for an image I inserted into the banner, and the code ᴘʀɪɴᴄᴇ ᴄᴜᴘɪᴅ gave affected only the top two corners, as desired. Thank you for responding...I appreciate your willingness to help. Here is the final result: