|
#1
Jan 9, 2014, 07:10 AM
|
|
[SOLVED] Dual Title Colors won't apply on one page
Hello.
First of all - great template!
I seem to have a problem with Dual Title colors and menu icons on one of the pages. Everything works great on all the other pages, but on one page all the headers are single color and menu doesn't display icons. Here's the page: http://fotoope.eu/repro/
Also - I am using Wordpress Facebook Like Plugin, but no FB like/share buttons are displayed..
Last edited by Ardo-Jako; Jan 9, 2014 at 07:52 AM.
|
#3
Jan 9, 2014, 10:35 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
looks fine to me. the 'Foto' is in black and the 'ope' is red. The menu icons are a house, light bulb, camera and pencil
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#4
Jan 9, 2014, 11:22 AM
|
|
Problem was with dropbox upload widget - it somehow broke something. But the facebook buttons are still missing...
|
#5
Jan 9, 2014, 12:22 PM
|
|
The problem was with Simple Dropbox Upload Form plugin. It somehow messed the page up.
update: the plugin messes up the page when "Show upload progress indicators?" is set to true. My guess is, that upload progress indicator's javascript messes something up. Just in case, here's the script:
Quote:
(function($) {
/* openoverlay v4.9 */
var $w,$d;
$.fn.openOverlay = function(options) {
$w= $(window),$d = $(document)
var opts = $.extend({}, $.fn.openOverlay.defaults, options),t=0;
if (options && (options === 'close' || options.close)){
$.fn.openOverlay.closeOverlay(opts.quickClose);
return;
}
if (!$('#overlayLayer').length){
var occ,i,iLength,
h = $w.height(),$ol,
$docbody = $(document.body);
if (!h) h=100000;
$ol = $('<div id="overlayLayer" style="'+
'text-align:center; z-index:999999; width:100%; position:absolute; top:0px; bottom:0px; left:0px; right:0px;'+
' background:'+opts.sColor+';"></div>')
.fadeTo(0,'0.' + opts.iOpacity)
.appendTo($docbody);
$w.bind('scroll.openOverlay',scrollResize)
.bind('resize.openOverlay',scrollResize);
$docbody.append('<div id="overlayContentContainer" style="float:left; position:absolute; top:0; left:0;"></div>');
if (opts.closeOnClick){
setTimeout(function(){
$ol.click(function(){
$.fn.openOverlay.closeOverlay(opts.quickClose);
});
},1000)
}
fillrUp(1);
}
occ = $('#overlayContentContainer');
iLength = this.length;
return this.each(function(i) {
var $b,$c,$this = $(this);
/* enable content restoration */
if(opts.restoreContent){
$b = $('<span class="overlayPlaceHolder"></span>');
$this.after($b);
$c = $('<div class="overlayPlaceHolder"></div>');
$c.append(this).data('overlayPlaceHolder',$b);
occ.append($c);
}else{
occ.append(this);
}
if (i===iLength-1) positionOverlayContent();
});
function scrollResize(){
if (t) clearTimeout(t);
t = setTimeout(function(){
fillrUp(opts.stickyContent)},100);
}
};
function positionOverlayContent(){
var o = $('#overlayContentContainer'),
h = $w.height(),
ww = $w.width(),
mtop= (h/2 - o.outerHeight()/2);
if(!h) h=300;
if(mtop < 0) mtop = 0;
o.css({
marginTop: mtop + $w.scrollTop() + 'px',
marginLeft: ww/2 - o.outerWidth()/2 + $w.scrollLeft()+'px',
left:'0',position:'absolute',zIndex:'9999999'
});
};
function fillrUp(stickyContent){
var h = Math.max($d.height(),$w.height());
$('#overlayLayer').css({height:h+'px'});
if (stickyContent)
positionOverlayContent();
};
$.fn.openOverlay.positionContent = positionOverlayContent;
$.fn.openOverlay.closeOverlay = function(quickly){
var $ov,$dt,
$obj = $('#overlayLayer,#overlayContentContainer'),
removeit = function(){
$ov = $(this).find('.overlayPlaceHolder');
if (this.id === 'overlayContentContainer' && $ov.length){
$ov.each(function(){
$dt = $(this).data('overlayPlaceHolder');
if($dt){
$dt.replaceWith(this.childNodes[0]);
}else{
$(this).remove();
}
});
}
$(this).remove();
};
$w.unbind('scroll.openOverlay')
.unbind('resize.openOverlay');
if (quickly){
$obj.each(removeit);
}else{
$obj.fadeOut('fast',removeit);
}
};
$.fn.openOverlay.defaults = {
iOpacity:70,
sColor:'#444444',
restoreContent:false,
closeOnClick:false,
quickClose:true,
stickyContent:false
};
})(jQuery);
|
But the other poblem - facebook buttons, they still don't show up.
Last edited by Ardo-Jako; Jan 9, 2014 at 12:46 PM.
|
#6
Jan 9, 2014, 03:08 PM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
is this the button ou are talking about?
as you can see…I see it.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
#7
Jan 9, 2014, 03:58 PM
|
|
Again, changed the plugin - solved the problem. Basically as I understand, not all WP plugins are supported seamlessly.
The only remaining problem for now is the dropbox plugin upload progress indicator. But since I can live without it (although it would be good for uploaders to see something going on while uploading their files).
|
#8
Jan 10, 2014, 04:55 AM
|
|
|
|
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
|
|
Quote:
Basically as I understand, not all WP plugins are supported seamlessly.
|
basically, not all plugins are written well. many times plugins conflict with each othere and there is no way to test every combination of plugins.
But I'm glad you have your issues resolved. I'll close this thread.
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
|
|