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

GUI Components

This presentation describes JAVA swing GUI components and Layout Managers Powerpoint presentation in movie mode....
Post a Comment
Read more