Code is the language that tells your web browser what it should look like and what it should do.
HTML Tells your browser what content to show and where it should go.
<p>This is a paragraph.</p>
CSS is responsible for the look/style.
It allows you to apply a unique style to one HTML element at a time. You assign CSS to a specific HTML tag by using the style attribute with any CSS properties defined within it.
<p style=“color: blue;“>This is a paragraph.</p>
The <script> tag is used to define a client-side script .
Want to add any of the above mentioned codes to your site? Let us introduce you the ‘Custom HTML’ element, that will enable doing that with ease.
To get started, just drag and drop the ‘Custom HTML’ icon from the Elements section to the crafting area.
Insert the desired HTML tags and click the ‘Save’ button.
To crop the added element, push the Crop Pointers and move them.
Edit Icon - To edit the Custom HTML Element by simply clicking on it and choosing the desired option from the ‘Settings’.
Click the ‘Save’ button once all the desired changes are made.
!Note: The code will go active once you've connected a Custom Domain to your Ucraft website.
Alignment - To change the alignment settings of the Custom HTML Element, click on the ‘Alignment’ icon you’ll have three options available: top, center, bottom, just choose the one, you prefer.
Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.
Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.
Mind the Session visibility as well. The latter one, allows to make certain elements visible only to the logged in users of your website. This works well with User Account element and can come in handy if you want to hide some content from users until they sign up to your website.
Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page.
That's it! Don't hesitate to contact us in case of ant questions via Chat box in the lower right corner and we'll be glad to help you out in case you've got lost in the world of coding.
For more insight on how to use certain tools or site elements, check out the rest of the articles or type particular keywords in the search box of the Help Desk Section.