Paragraph description. Show a brief idea about the content the user will find inside.
Visit project >Paragraph description. Show a brief idea about the content the user will find inside.
Visit project >Paragraph description. Show a brief idea about the content the user will find inside.
Visit project >Paragraph description. Show a brief idea about the content the user will find inside.
Visit project >Paragraph description. Show a brief idea about the content the user will find inside.
Visit project >Paragraph description. Show a brief idea about the content the user will find inside.
Visit project >This project contains two HTML Elements. One is used for the special navigation menu. While the second HTML Element is used to make the cool, background color change effect as you scroll down the page.
To edit the navigation menu, you’ll need to select it from the Inspector panel > Elements Tree > and select the HTML Element (.html-element-menu). Once clicked, go to the Element tab. Here you may change the menu texts within the HTML markup. To configure the link destinations, place your menu URLs in the Href section. You may change the CSS colors and styles in the Head Code for this Element dialog box.
To change the scrollable background colors, or add new sections with various colors, go to the Inspector panel > Elements Tree > and select the HTML Element (.html-element-colors-background). With the element selected, go to the Element pane and open the Enter your Code for this Element dialog. You will see there is a colors section in the code, where there are several colors configured. Simply change out the set color by modifying the hexadecimal colors (#1c1c1c
). Plus, within the canvas container, it has to contain the panel class, and the ID, for the name of the color used. Finally, having selected the container with the panel class, we introduce a custom attribute, with the name data-color
, and the value with the color used (example: brown
). And that's it!