Page 1 of 1

Missing Borders

Posted: Fri Feb 12, 2021 10:42 pm
by ghines
Hi all,

I have an HTML object inside a Layout Grid in WWB16. The HTML iframe code contains a border 5px wide that should go around the calendar. However only 2 sides contain a border whether the HTML object is in or out of the Layout Grid. Same thing happens with the Google Calendar.

Below is the wbs showing the issue:
https://drive.google.com/file/d/11HWpTB ... sp=sharing

Re: Missing Borders

Posted: Sat Feb 13, 2021 7:36 am
by Pablo
Note that I cannot help you with custom code. If you want to add code to the page it is assume that you know what you are doing.

But you can try to add this to the frame:

Code: Select all

box-sizing: border-box;

Re: Missing Borders

Posted: Sat Feb 13, 2021 4:08 pm
by crispy68
I think it would be easier to add the border to the container rather than the iframe.

Open up your code and add the following to the class .responsive-iframe-container

Code: Select all

border:5px solid #000000;
Change #000000 to whatever color you want.

Re: Missing Borders

Posted: Sat Feb 13, 2021 7:32 pm
by ghines
@crispy68 - Thank you. Your code did the trick. :D