Multiple colours for one element

Issue I’m writing a site where the logo’s going to be a word where the middle characters are a different colour to the outer ones; e.g. <style type=”text/css” media=”screen> .logoG { color:blue; } .logoGo { color:red; } .logoGoo { color:yellow;

Continue reading

Change navbar text color Bootstrap

Issue I currently have this piece of html which represents the relevant part of my navbar: <nav class=”navbar navbar-inverse” role=”navigation”> <div class=”container”> <ul class=”nav navbar-nav navbar-right”> <li><a href=”#”><span class=”glyphicon glyphicon-user”></span> About</a></li> <li><a href=”#”><span class=”glyphicon glyphicon-earphone”></span> Contact</a></li> <li><a href=”#”><span class=”glyphicon glyphicon-briefcase”></span>

Continue reading

custom colors not showing in tailwindcss v3 installed via npm

Issue I am using a tailwind cssv3 installed via NPM and I changed my tailwind.config.js to module.exports = { content: [“./*html”], theme: { colors: { transparent: ‘transparent’, current: ‘currentColor’, ‘myblack’: ‘#ffffff’, ‘myblack’: ‘#000000’, ‘myorange’: ‘#FF7E00’, ‘mygray’: ‘#A8A8A8’, ‘mywhiteuse1’: ‘#F1EBEB’, ‘mywhiteuse2’:

Continue reading

custom colors not showing in tailwindcss v3 installed via npm

Issue I am using a tailwind cssv3 installed via NPM and I changed my tailwind.config.js to module.exports = { content: [“./*html”], theme: { colors: { transparent: ‘transparent’, current: ‘currentColor’, ‘myblack’: ‘#ffffff’, ‘myblack’: ‘#000000’, ‘myorange’: ‘#FF7E00’, ‘mygray’: ‘#A8A8A8’, ‘mywhiteuse1’: ‘#F1EBEB’, ‘mywhiteuse2’:

Continue reading

How to color tables in css

Issue enter image description here How can i change the background-color as in the picture in css. Can you please help me. Solution table, td, th { border: 1px solid; } table { width: 100%; border-collapse:collapse; } .left { background-color:yellow;

Continue reading

How to color tables in css

Issue enter image description here How can i change the background-color as in the picture in css. Can you please help me. Solution table, td, th { border: 1px solid; } table { width: 100%; border-collapse:collapse; } .left { background-color:yellow;

Continue reading

how to make a pull down menu which chnages background color

Issue i’ve tried to make a pulldown menu which changes the page background color, but it doesnt work. any suggestions? <body> <select name="colors" onechange="changeColors(this)"> <option value="blue">Blue</option> <option value="#868B8E">Grey</option> <option value="#FFC55C">Orange</option> </select> <script src="images8.js"></script> </body> the js function changeColor(event) { var

Continue reading

Default Color in CSS

Issue Pretty new to this. Let’s say define the following in my CSS file (no color attribute) .time { border: 1px solid #666666; background: #555555; text-align: center; cursor: pointer; transition: all linear 0.3s; padding: 1px 2px; font-size: .8em; } and

Continue reading

Why is CSS hover not applying to HTML buttons?

Issue I have those buttons and I tried to make them to change color on hover. .social:hover { cursor: pointer; color: #28ad00; } <link href=”https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css” rel=”stylesheet”/> <table> <tr> <td class=”animated zoomIn” style=”animation-delay:2.6s;”><a href=”” target=”_blank” class=”social”><i class=”fab fa-spotify”></i></a></td> <td class=”animated zoomIn”

Continue reading