Develop Reference

Highcharts export menu does not show up fully

I made a Highchart with height of 200px.
It seemed to work fine, but export menu does not fully show up when i click on it, i can not export XLS or CSV.
Sadly i can not change the height, i need it to be 200px for my project.

This is an issue with the overflow, without seeing your html it's hard to know what element to select but assuming you're doing something like this
<div id="chart-container" style="height: 200px"></div>
You can add a CSS class like this
#chart-container > .highcharts-container {
overflow: visible!important;
}
As specified by this GitHub issue https://github.com/highcharts/highcharts/issues/7671
This issue may of been hard to find due to the misspelled title, but please search the repos issues before asking
EDIT:
In your case the element under your container has a class called .highcharts-fixed so changing the code above to reflect that, makes it work
#container > .highcharts-fixed {
overflow: visible!important;
}
Working Fiddle

Customizing google custom search engine. Especially with changing the title font

I have a custom google search engine on my website. The problem is that I am facing an issue where I just can't change the font of the search result titles. So when I try to resize my webpage the results looks too large and jumbled... I did managed to change the snippet size by:
.gs-snippet{
font-size: 3vw;
}
However, when I tried to change the title like this
.gs-title {
font-size: 3vw;
}
it just doesn't budge.... I do not know why it works with .gs-snippet but not with .gs-title. If you can figure out my issue of what I am doing wrong or if you can propose a different way to change the title then that would be great!
Thanks a bunch,
Archie

If you're overwriting a CSS style from Google, then !important is your answer. Read about it here. !important overrides other styles that don't contain !important.
.gs-title {
font-size: 3vw !important;
}
Also, are you sure you want to use 'vw' as your unit for font size? I would suggest using either 'px' or 'em'. That may be the issue, or at least it's worth a shot.

ng-grid row border becomes invisible after using cellClass

When I use cellClass and color entire column, the row border becomes invisible. Here is the plunker. http://plnkr.co/edit/4IeQQBTIe8sgHVEBUTAp?p=preview .Can someone help me.

Simply add something like:
.ngCellText{
border: 1px solid rgb(212,212,212);
}
to your last loaded stylesheet.
style.css in this forked Plunker

again, I'll have to start with saying, that I'm no CSS pro here, but I think the 'issue' is caused by the included angular-ui stylesheet.
They probably have their reasons for it but here is what's causing the missing border:
class .ngCellText adds a padding of 5px pushing the bottom border out of sight.
Attached a screenshot for better understanding:
I would suggest to look into the angular-ui documentation and see how they recommend using it for similar usecases, but as a quickfix try decreasing the padding:
There is probably also a lesson about border-collapse to be learned here.... but as said I'm no css pro and I'm too lazy to look it up :P
Hope this helps, a bit

How to display disappearing Pagination Box

Good day guys. I just wanna ask from you how can I make the pagination control box as shown in the image below appear.This will appear only when I hovered in the testimonial div. The control is along with the theme features(wordpress) and it seems it don't have the option to make it appear by default. I tried to apply styles Opacity:1 and Visibility:visible but these didn't work. I think it is on the javascript and I don't know how to trace down its code. This is the link of the site is http://67.222.16.144/~lasikoma/.
Any help would greatly appreciated.

<style>
.ether-ctrl-wrap {
display: block !important;
}
</style>
Add this style somewhere convenient.

Tumblr: How to control CSS with post tagging (UPDATE: Working Method without JQuery!)

Seen this done before, am curious as to how it is done. Example can be found over at http://wordographic.info/
For example, if I tag a post blue, the bg-color of the post turns blue, etc.
Anyone know how this is done?
Thanks.

Found a way to do this with only HTML/CSS. Pretty simple, just add the {Tag} block to any div class wrapping the post area but make sure it's between {block:Posts} and {block:Text} etc. Now whatever you tag a post now becomes a new class.
{block:Posts}
{block:Text}
<div class="post {block:HasTags}{block:Tags}{Tag} {/block:Tags}{/block:HasTags}">
{block:Title}<h2>{Title}</h2>{/block:Title}
<p>{Body}</p>
</div>
{/block:Text}
{/block:Posts}
Pay attention to the third line down. it is important to add a space after {Tag} otherwise they won't be seperated in the HTML.
The CSS would look like this:
.post { /* default style */
background: #ccc;
float: left;
margin: 10px;
position: relative;
}
.blue { /* when tagged blue, use this style */
background: blue !important;
}
Works! Pretty simple, no jquery required!
Thanks Blender, wouldn't have thought of this for some reason if I didn't read your jquery method :)

With jQuery, anything's possible! This isn't going to work right away, so tweak it for your theme:
$('.post-class .tag-container .tag').each(function() {
$(this).closest('.post-class').addClass($(this).text());
});

It is nothing to do with JS, such things are done on server-side. Depends on tags some properties are set to posts and then they are taken into consideration while rendering them to HTML.

You want to get the post's tags as class names so you can style posts with CSS, and there is a variable you can use for this purpose. In your template simply use {TagsAsClasses}. This will render HTML friendly class names.
An HTML class-attribute friendly list of the post's tags.
Example: "humor office new_york_city"
For detailed explanation see Post chapter in Tumblr docs.