x

Code Editor to edit elements on the page?

I know there is a code editor, and I have used it to edit the themes on the site. However, I want to make changes to the elements on the page themselves, not just themes. Specifically, I am trying to create a dropdown menu (not for site navigation). That feature is unforunately unavailable directly from weebly. I haven't seen an app that can do it either. So I created an embed for it. But I noticed when checking out my site that it wouldn't drop down. So, I and a friend took a look at the source code through my browser and realized this:

<div id="945699117749707828" align="left" style="width: 100%; overflow-y: hidden;" class="wcustomhtml">
<!-- your code -->
</div>

The "overflow-y" property is hidden, which means if the element overflows on the y-axis, it hides it. A dropdown menu most certainly overflows on the y-axis. I want to change this and erase the "overflow-y: hidden" from the source code, is there any way I can do this?

455 Views
Message 1 of 3
Report
1 Best Answer

Best Answer

The solution to this is to use the Header code in the SEO area under the pages bar. In there, I typed:

.wcustomhtml {
    overflow-y: visible !important;
}

which due to the "!important" property, overrides the properties for the embed. 

View Best Answer >

440 Views
Message 4 of 3
Report
2 REPLIES 2

Best Answer

The solution to this is to use the Header code in the SEO area under the pages bar. In there, I typed:

.wcustomhtml {
    overflow-y: visible !important;
}

which due to the "!important" property, overrides the properties for the embed. 

441 Views
Message 4 of 3
Report
Square

Thanks for sharing that, @Bobarian108!

425 Views
Message 4 of 3
Report
This thread has been archived and locked. Please start a new thread if you would like to continue the conversation.