How to change agentpress listing ribbon color - genesis

For agentpress pro, There is a button on the right side of feature images shows "Just Listing", "Just Reduced" ribbon. How can i change the ribbon color base on word enter on it? Like Green to Just Listing, Red for "Sold" . ANyone can help? Thanks

To change the text and background for the Agentpress Pro theme you will need to change the CSS using the following:
.listing-text {
background-color: [your color here];
color: [your text color here];
}
You will have to add this code into a child theme to make sure that it does not get overwritten if you update the theme. If you are not comfortable with creating a child theme you could use the Custom CSS feature of the Jetpack plugin to add the code.

Related

Background colour in Mailchimp

I have chosen the 'full width' template for mail chimp and I cannot for the life of me change the background colour of each row.
It allows a full width strip of colour for the header, but not for the blocks that follow. I can put inline styles or embedded css in there, but I do not know how to target each row.
I have been sent emails that feature this but I cannot achieve this. Any help would be great.
It seems that background colour can be changed for "boxed text" content sections, but not in other content sections. Even within boxed text, padding is automatically added, so the background colour won't cover the full width (unless you edit the source code.)
If you want all the rows to have the same background, you can change it by clicking on "design" at the top of the right hand menu. Within that section you can set a background for each page section (header, body, footer.)
If you want the rows/content sections within each page section to different colours you'll need to edit the source code directly.
You can do this from within mail chimp by clicking edit for the section you want to change the background for, and then clicking on the source <> icon. If you want to edit it outside of mail chimp, you can export the html by going to your "templates", and on the right hand side there will be an "edit" and a dropdown arrow button. You can export the html by clicking the dropdown.
To edit the html directly, add the style inline.
style="background-color: [color]; padding: 0;"

Firefox: Page Background Color *before it starts loading*

"browser.display.background_color" sets the background color of some pages (blank etc.).
However, If you open a link in a new tab - the color of the new page before it starts loading is not affected by that setting.
Set "browser.tabs.loadInBackground" to false and override New Tab to "about:blank".
Now open a link in a new tab.
I'd like to change that and I'd be glad if you could refer me to the relevant code in the source files.
Thank you.
http://forums.mozillazine.org/viewtopic.php?f=19&t=2987189
The relevant code is in chrome\browser\content\browser\tabbrowser.css.
.tabbrowser-tabbox {
-moz-binding: url("chrome://browser/content/tabbrowser.xml#tabbrowser-tabbox");
/*
background: Menu;
color: MenuText;
*/
}
Regards.
By setting browser.display.use_system_colors to false in about:config, it uses the color of the Firefox theme on that brief interval before start loading a page. If the theme is dark, it will suffice to remove the white flash background if that is specifically what you want.

Why does the skin not work to button when using 5.5 plugin?

I am using Kony 5.5 plugin then took build for BBQ10. I declared red colour for the button in the skin. But the colour has not applied to the button means black colour button displayed instead of red colour button in the Q 10 device. I want to change the colour of the button. Please give me solution.
A couple of things to check:
1. make sure that under the Skins for the button widget, there is not a forked setting for BB; you may have changed the "Common" skin, but if there is a declared skin specifically for BB, then it will override your settings.
2. Try adding a new button just to test, specifically set the color to red, and see if that button is displaying properly. This will show if there is an overall issue or just an issue with the button you are trying to configure ( this is more of a sanity check than a technical fix )
Customized skin using colour doesn't work to Blackberry 10 devices.It is a limitation of Kony platform.Please read documents the following link.
Docs
First you have to check whether you choose skin option for button then check its under common. Because you may choose on Windows, iOS or other. Try this:
//Defining the properties for a button with skin: "btnSkin".
var btnBasic = {
id:"button1", isVisible:true, skin:"btnSkin",
focusSkin:"btnFSkin", text:"Click Here"
};
var btnLayout = {
containerWeight:100, padding:[5,5,5,5],
margin:[5,5,5,5], hExpand:true, vExpand:false,
displayText:true
};
var btnPSP={};
//Creating the button.
var button1 = new kony.ui.Button(btnBasic, btnLayout, btnPSP);
//Reading skin of the button.
alert("Button skin ::"+button1.skin);

Is there a way to use default "icons" in ckeditor plugins?

I did a plugin that basically allows to create link with some business logic (People enters an id and a link is magically created for them). So I can specify an icon for it no problem there but I love the default "link" icons that comes with the monoo skins...
Is there a way to simply (re)use it ?
Just to make sure it's clear, I'm talking about the icons.png sprite that includes the main "toolbar" icon
Lets say your plugin is called 'newlink'.
You should add to the editor.css of your current skin a css rule like:
a.cke_button .cke_button__newlink_icon{
background : url(icons.png) 0 -1248px no-repeat;
}
(that specific coords are in fact the ones for the link icon of the moono 'icons.png' theme. Other themes may have another, or even another path to the icons file).

GXT Field Validation -- How can I disable the TextField validation icon?

I have a Validator attached to a field. When validation fails, I want the red line to appear in the field, but I do not want the red icon to appear to the right of the field. How can I accomplish this? I don't see this functionality in the documentation. Thanks!
I also posted this on Sencha's forums but they are very slow: http://www.sencha.com/forum/showthread.php?175577-How-can-I-disable-the-TextField-validation-icon&p=718440#post718440
I got the answer from the Sencha forums.
Check out Field.setMessageTarget(String) - you'll want to pass in
"tooltip" (or, to just not draw that icon, anything but "side"). With
that set, it shouldn't even attempt to draw the icon.
http://www.sencha.com/forum/showthread.php?175577-How-can-I-disable-the-TextField-validation-icon&p=718440
What about converting the field in a DOM element, then navigate till the Red icon and apply a style to disable it?
Something like:
((El)passwordField.getElement().getParentElement().getChildNodes().getItem(2)).setStyleAttribute("display", "none");
You could have a CSS style like this :
.x-form-element img {
display: none;
}
or
.x-form-item img {
display: none;
}
All the images in a form element won't be displayed.
dateField.forceInvalid("error message which u want to pass"),.it will automaticaly show an exclamation mark on the right side of the date field

Resources