MailChimp White Text Template Issue - css

I'm having a little difficulty with a MailChimp template I have recently made.
It has been fully tested and works fine, the only issues comes when the clients is editing the text in the editor. The text colour is supposed to be white but the trouble is, then background colour of the MailChimp editor is white so it doesn't "appear" for the client easily.

I had and resolved the same issue -> the white text was on a white background in the editor.
To resolve:
I simply had to ensure the 'background' style was set to !important in my code
This then ensured this same style was also shown in the Mailchimp editor
e.g.
#mybutton {background: #000 !important; color: #fff !important}

Thanks for the help guys but I have resolved this issue!
It was a case of adding a background colour to the property which in turn applies this to MailChimps editor.

Related

Stuck on Wordpress CSS change the plugin button Colour

Hi I am new on here first of all nice to meet you all
I am facing a problem on wordpress
I am using "Quick Download Button" Plugin which the link is https://wordpress.org/plugins/quick-download-button/#description
after I have install it on my site I tried to change the button colour by css but I never ever success to change it. I have checked the button in inspect and I copied it but it didn't work.
what I tried was
.g-btn.f-l
{
color: #3c1c1c;
}
but it never worked.
please anyone help will be awsome thanks and sorry for my bad english
Like #jared said - it shouldn't be too hard to find the right selector and change the color within your browsers dev-tools. If you see the color change, bingo! Then if that doesn't work within your css file itself, you might have an ordering issue with your sites css files (i.e. your css is loading before the plugins). Quick way to test this is add the !important selector to that rule on your file - e.g:
color: #3c1c1c !important;
the css color-parameter is not defining the color of the button, but from the text of the button. if you want to change the color of the button, you need to look after "background" or "background-color".
example:
.g-btn.f-l{
color: #FFFFFF;
Background-color: #3c1c1c;
}
Visible example:
Source of example: Kryptonews Lexikon

WordPress - Stability Theme - custom icon color on mouse hover

I'm using WordPress with the Stability theme installed.
When not hovering over an icon, it looks red (by default). This can be easily changed by changing the theme's skin in the options menu.
However, when the mouse is hovering over the icon, it turns black. This is independent of the theme's skin and I cannot, for the for the life of me, change this color to something else. I've been using the element inspector in my browser and turning CSS properties on and off all day and couldn't zero in to the property that defines that color.
Any ideas on how I might be able to change it? The theme's documentation sais nothing about it.
You can change the background colour by editing this bit of css, or by overriding it with your own duplicate in a custom css file.
.no-touch .icon-box.icon-box-animated .icon:hover::before {
background-color: #2f2f2f;
transform: scale(0.9, 0.9);
}
Its currently located in: http://stability.dan-fisher.com/css/theme-elements.css on line 1302

Wordpress Page Content not showing

I've recently started a new website with Wordpress through blue host.
I'm completely new to this and had never even heard of either of these programs up until last week.
I downloaded a theme from Mojo marketplace linked to blue host called Solstice. I've managed to make some customer changes and get some pictures and pages and post headers on there.
The only trouble I'm having right now is that I've wrote text in the About us section but it doesn't show up on the website. I haven't downloaded any plugins yet and the template it still set to default.
I have tried googling the answer but not had much luck.
Any help would be greatly appreciated.
www.2lostbuffaloes.com
As Naveed mentioned, the text color is white, over white background, that's why you can't see it. If you add to your css this rule:
body {
color #000000;
}
The text should appear.
You will probably also want to add white to the text color of the footer:
.footer-top, .footer-top a {
color: #ffffff;
}
In style sheet, you need to do
body{
color : #000000;
}
Right now its white color for text, if you do control A on about us page you will see all text.

CSS: Style a text link in a class

This is a most basic question about formatting text links in css
I have tried to do it myself. I got the hover to work -- at least in firefox. But can't get the default color to work. Only hover.
Please look at this development page http://ogrowby.com/ in firefox.
There is a menu about the middle of the page, called "Test Menu". Please click on that. Then, in the dropdown, go to "TEST LINK".
When you hover over it, the text color changes to Gold. That is fine. But its default text color is black and I want it to be white. I may also want to change the font size, etc. But the main thing is to get the css working to set the default text color for this class to WHITE. #ffffff.
Here's my css so far. The hover is working, but the default remains needs to be changed to #ffffff Only for the .roundedblue class. And it needs to work not only in firefox but other modern browsers.
Any help will be appreciated. Thanks
Rowby
.roundedblue:link,
div#Maximenu_NEW_GRANDE ul.maximenuck2 li.roundedblue:hover span.separator {
color: white;
}
.roundedblue:hover,
div#Maximenu_NEW_GRANDE ul.maximenuck2 li.roundedblue:hover span.separator {
color: #FFB300;
}
If that is the only link you want to change, you should add an id to it and change the id's css properties. If you want multiple elements to have the same properties add a class to the element (if it doesn't already exist).
Then simply edit its properties as you would normally.
color:white;
font-size:14px;
...
I simply changed the styles in inspector and it worked for me. added "style='color:white;'" to your span.

CSS conflict font is transparent

I have a problem that some text (a Calendar plugin) on my website is transparent, with an ugly shadow border. I think it's a CSS problem in my theme. When I place the calendar widget in my footer, the text is transparent (with a shadow border), when I place the widget on de right section it's ok. I tried to use the F12 button (inspect element), to see where the conflict is, but I can't find it. See below the details. On the website, you can see on the right side the correct text format and on the footer the wrong text format.
CMS: Wordpress 3.8.1
URL: http://www.brug.nu/
Plugin: All-in-One Event Calendar 1.10.9 Standard
Theme: Primo Pro from Cyberchimps 1.0.0.3
Does anyone know if it's really a CSS problem and which section is the cause of the transparent text?
You need to add the following CSS to your page, after any linked stylesheets in order to override the default styling of the calendar text:
#footer-widgets aside, #footer-widgets aside a {
color: #000000;
text-shadow: none;
}
Of course, you may want to change the above as you see fit.

Resources