Skip to main content

How to Fix Divi 3 Color-Picker not showing HEX colour textbox



I installed Divi (3.0.40) template on my Wordpress (4.9.5) site yesterday to test it... and I immediately run into a problem... Choosing a colour from a colour palette did not display the textbox to type in the colour hex code...

 So go and edit
 /wp-content / themes / Divi / css / theme-customizer-controls-styles.css
around line 69 find wp-picker-container and add the text in red:
.wp-picker-container input[type=text].wp-color-picker, .wp-core-ui .wp-picker-default, .wp-core-ui .wp-picker-clear { width: 45% !important; vertical-align: bottom; margin-top: 10px; display:inline !important;}



Comments

Post a Comment

Popular posts from this blog

How to create JRadioButtons, JComboBoxes and JtextAreas

Today I feel much better... These past few days I have been exploring the distance teaching/learning possibilities... Virtual Class did not work, through our computer lab firewall (unfortunately) but today I created two screen recording with sound to try and show you how you can use other swing components like: Radio Button, Printable text Areas and comboboxes. Try to watch the 2 parts of my video (its less than 15 mins) Part 1 Part 2 If you have any questions please comment...
Post a Comment
Read more
How to Fix Slider Module Slide General Settings not Displayed I installed Divi (3.0.40)  template on my Wordpress  (4.9.5)  site  yesterday to test it... and I immediately run into a problem... in various cases, one of them the slider - slide settings where not visible . I figured out that the  wp-color-picker-alpha.min.js  Javascript, which was adding a height of 100% to a span inside the wp-picker-container class, was causing the problem. To solve the problem go to folder: \wp-content\themes\Divi\includes\builder\scripts\ext\ and edit wp-color-picker-alpha.min.js Find this line: css({width:"100%",height:"100%",position:"absolute",top:0,left:0,"border-top-left-radius":"3px","border-bottom-left-radius":"3px",background:r.color.toString()})) and change the height to "0px" css({width:"100%",height:"0px",position:"absolute",top:0,left:0,"border-top-left-rad...
Post a Comment
Read more

Java Objects - Basics!!!!

How to create and "use" an object in Java  In the following tutorial, I will explain how to create an Object in JAVA, and how you can "use" this object from a "tester" program... The object described is a cashRegistrer System in a Supermarket. Multiple instances of cashRegisters exist, each one of them has its own balance (money inside the machine).  This is an instance variable. The only operation the machines perform is to put money inside (and increase the balance). This operation is called payAmount and needs two inputs :         1) the amount of money the customer needs to pay, for example: 5.75 (amountPayable)         2) the amount of money that the customer gives to the cashier, for example: 10  (amountGiven) the same operation returns a value, which is the change that the cashier should give to the customer. if the amount of money the customer gives to the cashier  (amountGiven)  is less than ...
Post a Comment
Read more