I need help with changing the icon color, not the background color. Here is my HTML code:
<i class="icon-large icon-3x icon-arrow-up go-top" style="color:#eee;"></i>
This is my CSS:
.go-top {
position: fixed;
bottom: 1em;
right: 1em;
text-decoration: none;
color: #fff;
font-size: 13px;
padding: 1em;
}
i.go-top:hover{
border-color:red;}
I want to change the color of the icon on hover.
You are adjusting the border color.
If you want to change the color, you can use color:
i.go-top:hover{
color:blue;
}
I have multiple HTML drop downs, each triggering a textarea based on the selection. Currently, I'm using show and hide JavaScript functions for each question individually. Is there a way to streamline this so that I don't have to write separate c ...
Is there a way to move the read more button to the bottom of the card using flexbox in a column layout? The top section, middle paragraph, and see more button are each contained within their own div inside the parent card div. https://i.stack.imgur.com/NG ...
I'm currently developing a website where I have integrated a canvas element to display a 3D object (specifically, a cube) using three.js. The canvas is housed within a div, following the guidelines found in various documentation. The issue arises wh ...
Upon clicking an icon, I aim to display a bootstrap modal prompting the user to input text and a date. I have adapted code from W3Schools to create the necessary form. Unfortunately, when the button is clicked, only the labels and text area are shown, not ...
Currently, I have implemented bootstrap's "display-2" class to style the text on my webpage. However, I am looking for a way to make the text responsive and smaller on smaller devices. Truly captivate [ ...
Hey there, if this isn't the right place to post my query, could someone guide me on where to do so? TL;DR = I need to darken the background of my showcase image! I'm working on a website as part of an online course project to practice new skil ...
https://i.sstatic.net/wQxLk.png I'm facing an issue with accessing this menu in selenium as the web element doesn't show up in the inspector until I do it manually. <a id="cke_3275" class="cke_menubutton cke_menubutton__table c ...
The issue I'm facing involves a parent container with 3 buttons nested inside. The parent container is set to display:inline-flex, however, the justify-content: space-between property is not behaving as expected. Each button has a defined max-width in ...
After implementing the code from this codepen, I decided to use the 3rd button design. .btn { line-height: 50px; height: 50px; text-align: center; width: 250px; cursor: pointer; } .btn-three { color: #FFF; transitio ...
I've encountered an issue while attempting to create a grid template layout - there seems to be an unexpected column gap appearing on the right side. Any suggestions on how I can get rid of this? For reference, you can view the problem at this link ( ...
I am attempting to fetch a video using an ajax query, but it seems that the video player control buttons are missing. Here is the code I am using: $.ajax({ context: document.body, url: "/?get=json&act=video", type: "get", success: fu ...
Hey there! I'm currently working on designing a sliding menu bar that can move left or right based on user interaction with arrow buttons. When the user hovers over the right arrow, the navigation bar smoothly slides from right to left until it reache ...
Why does adding a View parent break my styles? Could React Native's View tag have default styles that I'm not aware of? Displayed below is the Button component along with screenshots demonstrating the difference when using and not using the View ...
I am struggling to showcase a list of images with a fixed width while utilizing the original image height set at 100%. A similar inquiry can be found here, yet it remains unanswered. I have gone through the responses shared here and attempted them. The im ...
My React app, created with create-react-app, is designed to be integrated as a "widget" within other websites rather than functioning as a standalone application. To achieve this, I provide website owners with minified JS and CSS files that they can inser ...
Since yesterday, I have been experiencing issues with the buttons on my page. chrome : Version 61.0.3163.100 (Build officiel) (64 bits) I do not encounter any problems with Firefox. The problem arises when I select text on my overlay; the overlay beco ...
I am trying to create expandable boxes that can open onclick and close again by clicking on the X. The issue I'm facing is that the close jQuery function isn't working. However, my main concern is how to optimize the code so it doesn't becom ...
Looking to display Instagram images on a webpage using UserName and Tags. Despite searching for an API that can meet my needs, I haven't found one that allows me to: Show Images based on User Account Show images based on Tags (Single or multiple) ...
Imagine having multiple HTML pages with identical headers and footers. Is there a way to store the header and footer in a single file that can be inherited by each page, eliminating the need for repetition? Are there alternative methods to avoid duplicatin ...
Having trouble identifying the correct checkbox to tick. I'm struggling with the xpath. <div class="custom-control custom-checkbox" style="display: inline-block;"> <input name="PriceRealization" class="custom-control-input" id="check-7012949 ...