Tag: css
Make HTML table scrollable
Make HTML table scrollable
Horizontal scrolling: For wide tables that do not fit on smaller screens, providing horizontal scrolling is an effective solution. This...
Creating imagemap tooltips with CSS and jQuery
In this article you will learn how to create imagemap tooltips with CSS and jQuery. Understanding image maps An image...
Hide WordPress menu and header on individual pages
There are sometimes situations where you want to hide the WordPress menu and usually only want to hide the menu...
WordPress – Divi Popup
We have put together instructions on how to open a popup using a button. 1st CSS class Assign a class...
WordPress Divi Slider – Image is not displayed?
Sometimes the slider image is not visible, even if we have added an image in the slider. We find this...
Format HTML table online
With this online tool you can design tables online and use the CSS design or HTML code for your projects.
WordPress DIVI: Show and hide elements with a button
1. create button via code Add a button with the class name “togglebtn” as shown in a screenshot 2. insert...
DIVI: Hide navigation or main menu
To get rid of the main menu at the top of the DIVI theme, you can use this CSS code:
DIVI: Hide image titles in galleries
If you don’t want to name every image properly, we have a CSS tip for you ๐ If you use...
Divi – Replace standard social icons with user-defined icons
If you have the problem that the default icon is also displayed when you insert your own icons, we...
DIVI: Add a close button (minus) to the accordion
To activate the possibility of closing in an accordion in DIVI you need the following code: Java-Script, to be inserted...
CodePen Generator – Convert HTML, CSS for Divi
This generator allows you to convert CodePen projects for DIVI use in WordPress.
Fixed contact button for DIVI
To be able to use this code in Divi, you need the following generator: https://noprob.olbricht.it/knowledge-base/codepen-generator-html-css-umwandeln-fuer-divi/
DIVI: Fixed menu in mobile browser – CSS customization
The following CSS code helps to fix the menu in the mobile browser: @media (max-width: 980px) { .et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav...