I recently updated my Joomla website to be responsive, but I'm having issues with the text color on forms in the mobile version. Despite my efforts to change the color through CSS, it's still barely visible when typing. This issue has been frustrating for both myself and users of the form. One example of this problem is on the online giving page of www.destinychurchjacksonville.com. Any assistance you could provide would be greatly appreciated. Thank you very much!
Within black.css at line 368, there is a CSS rule targeting input[type="text"]. Currently, the rule sets the text color to a light grey (color: #ccc;). You can modify this by changing the value to black (color: #000;) in the black.css file.
On the desktop version of the website, the input field's text color inherits from the body element, resulting in it being displayed as black.
If you require further information, feel free to reach out.
Currently, I am delving into the world of Bootstrap 4.5 and SVG icons. However, I'm facing some challenges in grasping how it all comes together. My goal is to place an SVG inside a rounded-circle shape for now, positioned next to another div. Unfortu ...
In my table, I have 3 columns of text and a fourth column with a button. The alignment of the text in the cells does not match the button text vertically due to the button having a vertical-align value of 'middle'. To align them properly, I curre ...
Is there a way to display cards in a slider format? I want the carousel to show the next card on each click. I tried importing Bootstrap into my project but it doesn't seem to be functioning as expected. Here's the link to the tutorial I am usi ...
This is an example of the structure of my webpage: <div class="container new-container"> <div class="row"> <div class="col-md-4 info"> .... </div> <div class="col-md-8 contact-form"> .... </div> ...
I'm currently attempting to retrieve an image from Instagram. Everything seems to be in order with the image link on Instagram. However, when I try to use it within an img tag, it fails to fetch. One thing worth noting is that this particular image d ...
I have developed an application where all divs flip vertically on hover. I am looking for a way to make the flipping random without requiring a hover. Any ideas on how to achieve this? .vertical.flip-container { position: relative; float: left; ma ...
I am currently facing an issue in my code where I am trying to make one image fade in next to another, regardless of the position of the movable image on the screen. The movable image can be controlled using arrow keys, and when I move it across the screen ...
Does the bold text formatting differ based on the type of screen? This is JSX code in react: function App() { return ( // Problem Here <b className="info-text">Info:{" "}</b> ); } ReactDOM.render(<App />, document.getEle ...
When I hover over the text, I want those images to become visible. However, it seems that only the first image is selected because they all have the same ID. Does anyone know how to solve this issue? This is my first post, so please forgive me if I made ...
I prefer to design my styles based on the height of the window, which I achieve by setting the html and body elements to a height of 100%. html, body{ min-height: 100%; height: 100%; } From there, I can customize the heights of other elements accor ...
As I work on building my portfolio, I have implemented links as buttons using flexbox to make responsiveness easier. The height of these flexboxes is set dynamically using JavaScript with percentages. Despite trying various suggestions, none of them provi ...
Struggling to add a border while converting a PSD to HTML? Is it possible to apply a border to an image with a transparent background? For instance, let's consider the following image: Imagine wanting to place a border around the caret in the image l ...
I am new to HTML/CSS and I'm currently working on adding a timeline to my website. However, I've encountered a strange issue with the #timeline class where there is an odd block of space below it whenever I try to adjust the height. So far, I ha ...
Recently, I encountered a strange issue with my new server where the CSS changes were not reflecting in the browser. Despite trying to refresh and clear the cache, the problem persisted. To investigate further, I used FileZilla to check if the updated CSS ...
In my current project, I am developing a React/Redux application with Webpack that showcases UI components and enables users to adjust the colors of those components. The styling is being done using CSS Modules with scss. My preference is to keep all the s ...
<img src="purplemoon.png" alt="Purple moon" id="moon-photo" /> <table> <tr> <th colspan="4">Control panel</th> </tr> <tr> <td> <!-- attempting to retrieve value from the input field ...
I am currently working on a function that involves iterating over an array and incrementing the values by varying amounts. The challenge is to decrease these incremental amounts as the values in the array get larger. Let's consider the following exam ...
Need help with repeating the following code in vb.net/asp.net: <ul id="prod_nav" class="clearfix"> <li class="top"><a href="05-Pink-02-Category-List.html" class="top_link"><span class="down">Body and Trim</span></a&g ...
-UPDATE- After countless hours of online courses, tutorials, and programming, I finally completed my website! Check it out here: The site is almost where I want it to be, but there are a few remaining challenges: 1) AJAX: I'm struggling to get the ...
I was looking for a way to improve the performance of my WordPress website by saving the styles from the Customizer into an external stylesheet for caching purposes. I found this code that allows me to save the custom styles into an external CSS file: $cs ...