CSS - Ontoor Blogs

APEX + CSS Classic report cards scale Effect

Ashish Sahay Mar 15, 2020 1 min read APEX APEX APEX and CSS Classic Report CSS UI Universal Theme

APEX + CSS Classic report cards scale Effect To scale out the classic report cards on hover we need to put below two lines of code. Scale out .t-Cards .t-Cards-item .t-Card:hover { transform: scale(0.7); z-index:99; } Scale in .t-Cards .t-Cards-item .t-Card:hover { transform: scale(1.4); z-index:99; } Card Icon …

How to Create Sticky Menu Bar

Vikas Pandey Mar 11, 2020 2 min read CSS CSS HTML TEMPLATES Sticky

How to create sticky header using CSS? To create sticky menu we need to make sure the div must be at the top of the page and stays there when page gets scroll. How do we do that? Make div Position Fixed Define position from TOP. position:fixed; top:0px; Let’s check the full example below <html> …

Change Font Awesome Icon Color

Ashish Sahay Mar 1, 2020 1 min read JavaScript JavaScript CSS

Most of the times we do not want the default color of font awesome icons. To replace this thing we can use following : Click on page Title , Go to to “JavaScript” > Execute when Page Loads > Paste the code $('.fa-comments').css('color','blue'); It will change the comment icon …

Markdown Syntax Guide

Hugo Authors Nov 9, 2020 3 min read MARKDOWN CSS HTML

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.