For this website:
https://pfiservices.net/
The button in the form appears in white characters on PC. The background is also white, so it can't be read. I'm trying to style it white.
I've tried this CSS:
#nf-field-11.ninja-forms-field.nf-element{
color: #115172 !important;
}
And this one:
.themebutton #media only screen and (min-width: 768px){
color: #115172 !important;
}
And many more.
Also, I've edited the Theme CSS which makes the text inherit that white color. It keeps loading the previous version.
Nothing seems to work. I don't know what to do anymore.
I appreciate any help on this issue.
Related
I tried to change the colors of my primary navigation menu
and ended up with the text and the background the same color: https://adamfout.com/
I have no idea how to fix it. I deleted some of the CSS I created, and when I'm logged into WordPress it looks fine, but when I visit on mobile or an incognito browser I can't see the menu items unless I hover.
I changed the colors in the stylesheet too, but I tried to change them back and that didn't work either. I'm at a loss. I don't know CSS or WordPress very well.
if you go to appearance/customize you will find a customize css box at the bottom. There you can put:
To change the text color:
#menu-menu-1 li a{
color: black;
}
To change the background color:
.nav-primary{
background-color: red;
}
The site is falboretirement.com. However you need to access it via the link http://falboretirement.com?bypass=jks, because there is a "coming soon" page that otherwise blocks access. For the desktop version, the hero background image of the happily retired business man jumping in the clouds is the image I want. But, on smaller screens, I want to substitute a solid blue. I've uploaded a blue.gif to the website to use.
This is a commercial wordpress theme that I am using and I noticed that the theme CSS contains a
.vc_custom_1565817449198 {
background-image: url(https://falboretirement.com/wp-content/uploads/iStock-638087592_1920X600-60-2.jpg?id=1443) !important;
}
which is the code that is setting up the correct background image for large screens. I'm wondering if the theme author's use of !important is preventing me from being able to override the background image to set it to a solid blue?
I tried using a very specific selector, in the hopes of overriding, but its not working... here is the code that I have tried
#media screen and (min-width: 320px) and (max-width:1024px) {
div#freedom-retire.vc_row.wpb_row.vc_row-fluid.businessman.vc_custom_1565817449198.vc_row-has-fill.vc_row-no-padding.vc_row-o-full-height.vc_row-o-columns-middle.vc_row-flex {
background-image: url (https://falboretirement.com/wp-content/uploads/blue.gif) !important; background-repeat: repeat !important;
}
}
I also tried:
#media screen and (min-width: 320px) and (max-width:1024px) {
div#freedom-retire.vc_custom_1565817449198 {
background-image: url (https://falboretirement.com/wp-content/uploads/blue.gif) !important; background-repeat: repeat !important;
}
}
I verified that the blue.gif is in the folder specified, but I have not been successful.
I hope that you can fix the issue by removing the space between URL & Bracket.
I have been trying to change the code for ages, nothing seem to change on phone and tablet, white space between the header and content still appears but only on phone and tablet.
LINK to website
If you add css code given below, then your issue will be resolved.
#media only screen and (max-width:767px) {
body {
padding-top: 0px !important;
}
}
So I've been working on this for 2 days now and can't get my option box to change to black text.
I've tried the !important tag and even that is not overriding the white font color.
option {
color: #000 !important;}
https://www.outkastfabworx.com/checkout/
Is the the site.
The state and country select box will not display in black text unless I make the body font black, but then almost everything is black.
I've tried a few things I've seen on Stack but so far none of them have allowed me to override the style.
Any help is appreciated, even point me in the direction I need to look.'
Update: Screenshot of error
You do have to add an item to cart before you go to checkout so you can replicate the error.
Option can't be styled with css. WooCommerce uses jQuery for selects.
.select2-container--default li {
color: #444444;
}
.select2-container--default li:hover,
.select2-container--default li:focus,
.select2-container--default li:active {
color: #fff;
}
You may have to add !important on both (example: color: #444!important;) or use greater specificity or put this CSS after all other css as long as the specificity is the same.
¿Do you want to change the color of the text (in this case "Return to Shop" to black?.
Try this.
.button.wc-backward {
color: black;
}
ScreenShot
If that's not what you're looking for, you need to be more specific.
I was given a CSS file to look at in order to solve a few problems with it. The background for one of the sections is styled as such:
#rt-showcase {
background: none repeat scroll 0 0 #FFFFFF;
}
and looks as expected in Firefox, it is a white background. However, when the page is displayed in Chrome the background is displayed as a grid. Does anyone know why this might occur, and what the grid means? Is it possibly a transparency issue?
It depends on what do you expect.
If you just want a white background in all browsers just use:
#rt-showcase {
background-color: #FFFFFF;
}