How do I create a border of widget?

The Matrix
Tera Contributor

How do I create a border for icon link widget as shown in below screenshot. 

SiddharamTaka1_0-1709304161433.png

 

1 ACCEPTED SOLUTION

Sohithanjan G
Kilo Sage
Kilo Sage

Hi @The Matrix , 

open the icon link in page designer by Cntrl+right click on widget, & open page in designer

SohithanjanG_0-1709304218431.png


Then copy this code in CSS of that instance in page editor & save it
.iconlink {
border: 2px solid black;
border-radius: 6px;
}

SohithanjanG_1-1709304278702.png

 

You can alter CSS accordingly. 

Mark my answer as Accepted as Solution & helpful if it suffices your requirement. It will help other too !! 🙂

 

Please mark as Accepted Solution if this solves your query and HIT Helpful if you find my answer helped you. This will help other community mates too..:)

View solution in original post

5 REPLIES 5

Sohithanjan G
Kilo Sage
Kilo Sage

Hi @The Matrix , 

open the icon link in page designer by Cntrl+right click on widget, & open page in designer

SohithanjanG_0-1709304218431.png


Then copy this code in CSS of that instance in page editor & save it
.iconlink {
border: 2px solid black;
border-radius: 6px;
}

SohithanjanG_1-1709304278702.png

 

You can alter CSS accordingly. 

Mark my answer as Accepted as Solution & helpful if it suffices your requirement. It will help other too !! 🙂

 

Please mark as Accepted Solution if this solves your query and HIT Helpful if you find my answer helped you. This will help other community mates too..:)

Hi @Sohithanjan G Thanks for your prompt response.

After applying your solution the black line in the widget is appearing. How do I remove it?

SiddharamTaka1_0-1709304982304.png

 

 

@The Matrix 

Its working fine with this combination in my PDI. Make sure you remove any unnecessary code or css. 

SohithanjanG_0-1709304897029.png

SohithanjanG_1-1709304933397.png

Mark my answer as Accepted as Solution & helpful if it suffices your requirement. It will help other too !! 

SohithanjanG_2-1709304967048.png

 

 

Please mark as Accepted Solution if this solves your query and HIT Helpful if you find my answer helped you. This will help other community mates too..:)

Hi @The Matrix ,

Mark my answer as Accepted as Solution & helpful if it suffices your requirement. It will help others too !! 

Please mark as Accepted Solution if this solves your query and HIT Helpful if you find my answer helped you. This will help other community mates too..:)